react-native 如何在页面底部设置导航栏？

【问题标题】：How to set a navigation bar in the bottom of a page in react native?react-native 如何在页面底部设置导航栏？
【发布时间】：2020-09-29 21:01:42
【问题描述】：

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

前：

主页：

----标题----

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

----页脚----

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

【问题讨论】：

标签： react-native navbar footer bottomnavigationview

【解决方案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,

},

});

...

【讨论】：