你会发现react-native没有fixed,那么怎么才能将元素,固定吸顶和底部呢?
解决方法:
1、外部包裹一个view,flexDriction默认垂直
2、一个固定高度的view,来做吸顶导航
3、中间放一个ScrollView滚动层,flex:1 (ScrollView可以不加flex:1 )
4、最下面是一个固定高度的view,作为底部导航
1 2 3 4 5 6 7 8 9 10 11 12 |
<View> <View style={{height: 45}}> <Text>这是吸顶的导航 (一定要固定高度),</Text> </View> <ScrollView> <Text>这是中间的滚动页面 (flex: 1)</Text> <Text>页面展示在这个组件中</Text> </ScrollView> <View style={{height: 45}}> <Text>这是底部的tabBar (也是一定要固定高度),</Text> </View> </View> |