Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/187.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使ScrollView组件的大小与React Native中的屏幕大小成比例?_Javascript_Android_Reactjs_React Native_Mobile - Fatal编程技术网

Javascript 如何使ScrollView组件的大小与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

我正在使用React Native,我有一个
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
    },
})

工作很有魅力,谢谢你!