如何在React Native的页面底部设置导航栏？

Question

我们如何在页面底部设置导航栏，以使用View和组件（如果需要）来响应本机！！带有任何react-native npm标签-（或其他）您想要的！

EX：

页面首页：

----页眉----

   ---- your tags (Screens)---- 

----脚--------

让我们这样做->->->

Answer 1

让我们使用此标签（视图），然后在其上设置样式。

...

 return (
        <View  style={styles.parantTagStyle}>
            <View>
                {
                    this.chechreturnedScreen()
                }
            </View>

            <View style={styles.footerTagStyle}>
                <TabBottom navigatorFunction={this.navPages} headerTitle={this.state.headerTitle} />
            </View>
        </View>
    );

并使用此样式：

const styles = StyleSheet.create({
parantTagStyle: {
    left: 0,
    bottom: 0,
    right: 0,
    flex:1


},
footerTagStyle: {
    position: 'absolute',
    left: 0,
    bottom: 0,
    right: 0,

},

}）;

...