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
,它就可以工作了。