0
点赞
收藏
分享

微信扫一扫

React Navigation V5/V6 路由 修改screen背景色

是波波呀 2022-05-03 阅读 72

React Navigation V5/V6 用法详解 ---参考文章

第一次写 RN 没想到全是坑,绝了!!为了实现以下的功能

在学习的过程中参考的是V5的写法,然而自己装的是V6! 这样学习起来也挺有意思的,一石二鸟。 

v5 :

<Tab.Navigator sceenConstainerStyle={{backgroundColor:'transparent'}}> 

v6:

直接看代码:

      <NavigationContainer
        theme={{
          dark: false,
          colors: {
            // 文字颜色: Header 标题 / BottomTab 未激活文字
            text: 'rgb(28, 28, 30)',
            // 激活颜色: BottomTab 激活文字 / iOS Header 返回上一页文字
            primary: 'rgb(99, 164, 252)',
            // 区块背景色: 如 Header, TopTab, BottomTab 背景
            card: 'rgb(255, 255, 255)',
            // 边框颜色: 如 Header, TopTab, BottomTab 边框
            border: 'rgb(216, 216, 216)',
            // 背景色: 页面整体背景颜色
            background: 'rgb(242, 242, 242,0)',
            // 提醒色: BottomTab 角标背景
            notification: 'rgb(255, 59, 48)',
          },
        }}>

        }}>

修改了大半天,终于找到了解决方案:

举报

相关推荐

0 条评论