react-native固定吸顶navBar和底部tabBar

2016-12-08  本文已影响0人  有情怀的程序猿

react-native 没有fixed, 笃定一个东西真麻烦
主要方法:

  • 1: 最外部的包裹, flexDriction 默认的竖直
<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>
上一篇 下一篇

猜你喜欢

热点阅读