ReactNative进阶（十五）：应用 react-native-tab-navigator 实现底部导航栏_react native配置底部菜单栏

• sceneStyle：场景样式，即Tab页容器的样式，可按View的style设置；
• tabBarStyle：TabBar的样式，基本也可按照普通的style写法进行设置；
• tabBarShadowStyle：TabBar阴影的样式，不过对于扁平化的设计，这个属性应该用处不大；
• hidesTabTouch：bool类型，即是否隐藏Tab按钮的按下效果；

根据我们上面对TabBar样式的分析，可以按照如下样式，为TabNavigator指定tabBarStyle。

const styles = StyleSheet.create({
    tab: {
        height: 52,
        backgroundColor: '#333333',
        alignItems: 'center'
    }
});

3. Item构建

TabNavigator的Item就是我们所看到的5个Tab按钮以及它们所对应的页面，这些页面在Android中可能以Fragment呈现，在iOS中可能以UIView呈现，而在React Native中，则是一个<View>，可以自己义，也可以直接放置其他控件。

这些