Javascript 如何使ScrollView组件的大小与React Native中的屏幕大小成比例?
我正在使用React Native,我有一个Javascript 如何使ScrollView组件的大小与React Native中的屏幕大小成比例?,javascript,android,reactjs,react-native,mobile,Javascript,Android,Reactjs,React Native,Mobile,我正在使用React Native,我有一个ScrollView,其中包含少量有限数量的组件(因此我不使用FlatList) 尽我所能,我需要为组件提供一个高度,使其足够大,可以在滚动视图中渲染,并且仅使用像素对高度进行硬编码似乎是可行的 我也刚刚发现了这一点。但是当我尝试在我的滚动视图中对我的组件执行此操作时,组件都变得很小 我发现组件在滚动视图中的行为可能与在正常的视图中不同,因此我想知道是否必须为每个组件指定确切的像素数,或者是否有更好的方法来实现这一点 import React,{C
ScrollView
,其中包含少量有限数量的组件(因此我不使用FlatList
)
尽我所能,我需要为组件提供一个高度
,使其足够大,可以在滚动视图
中渲染,并且仅使用像素对高度
进行硬编码似乎是可行的
我也刚刚发现了这一点。但是当我尝试在我的滚动视图中对我的组件执行此操作时,组件都变得很小
我发现组件在滚动视图
中的行为可能与在正常的视图
中不同,因此我想知道是否必须为每个组件指定确切的像素数,或者是否有更好的方法来实现这一点
import React,{Component}来自'React';
从“react native”导入{SafeAreaView、ScrollView、样式表、视图};
const styles=StyleSheet.create({
项目:{
身高:250,
//高度:“25%”您最好使用React Native的维度
import {SafeAreaView, ScrollView, StyleSheet, View, Dimensions} from 'react-native';
const styles = StyleSheet.create({
item: {
height: Dimensions.get('window').height * 0.25,
margin: 2,
borderRadius: 15
},
})
工作很有魅力,谢谢你!