react-native 没有fixed, 笃定一个东西真麻烦
主要方法:
- 1: 最外部的包裹, flexDriction 默认的竖直
- 2: 吸顶导航: 必须固定高度
- 3: 中间是滚动层 flex: 1,(ScrollView可以不加flex: 1, 其他组价没测试,)
- 4: 最下面的tabBar 固定高度
<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>
