Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
Reactjs React Native:如何动态设置平面列表的高度并使平面列表填充屏幕?_Reactjs_React Native_React Native Flatlist - Fatal编程技术网

Reactjs React Native:如何动态设置平面列表的高度并使平面列表填充屏幕?

Reactjs React Native:如何动态设置平面列表的高度并使平面列表填充屏幕?,reactjs,react-native,react-native-flatlist,Reactjs,React Native,React Native Flatlist,我正在学习注册护士,在我的项目中遇到了一些问题。 我希望在我的项目中也能这样做 这是我的代码: <View style={{ height: Dimensions.get('window').height }}> <StatusBar translucent={true} backgroundColor='#00000000' /> <View> ...... something here...... </Vie

我正在学习注册护士,在我的项目中遇到了一些问题。 我希望在我的项目中也能这样做

这是我的代码:

<View style={{ height: Dimensions.get('window').height }}>
    <StatusBar translucent={true} backgroundColor='#00000000' />

    <View>
        ...... something here......
    </View>

    <View style={{ flex: 1}}>
          <FlatList
              data={jobList}
              onEndReached={jobListOnEndReached}
              onEndReachedThreshold={0.1}
              renderItem={renderJobList}
              height={pxToDp(100)}
              onScrollBeginDrag={() => setScroll(true)}
          />
    </View>
</View?

...... 这里有东西。。。。。。
setScroll(真)}
/>

您可以在平面列表中添加样式
高度
宽度
,并且应该完成这项工作。查看演示小吃:

从“React”导入React;
从“react native”导入{Text,View,FlatList,StyleSheet};
常数数据=[
{编号:1},
{编号:2},
{编号:3},
{编号:4},
{编号:5},
];
导出默认值()=>{
返回(
这里有东西
(
项目{item.number}
)}
/>
);
};
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
对齐项目:“居中”,
},
内容:{
宽度:“100%”,
身高:80%,
},
项目:{
差额:10,
},
});
更新

由于问题的作者评论而更新!如果您想查看更多项目并能够滚动,只需向数据中添加更多项目即可


尝试将
style={{{flex:1}}
添加到包含
平面列表的
视图中
第一个
视图中的内容
?您也可以将其设置为固定高度抱歉,我已经将
style={{{flex:1}}
添加到包含
FlatList的
视图中。我想在打开平面列表时更新平面列表的高度。谢谢,但这不是我的目的。我上传了一张gif图片()。这就是我想要做的。@neohuiji完全一样,能够滚动添加更多数据,就这样!我已经为你编辑了答案!谢谢您的回复,但我想要的是,当我调出平面列表时,“此处的某些内容”将通过“绝对位置”或其他方式从屏幕中删除。我想每次我拉这页的时候,我都需要减去我拉的高度,直到平面列表出现在页面的顶部。你是在找这样的东西吗?@pianoman102很抱歉,回复太晚了,这就是我想要的,我已经解决了我的问题。只需使用
ListHeaderComponent
,它就可以工作了。