【问题标题】:Statusbar Changing color on react native状态栏改变颜色反应原生
【发布时间】:2017-12-22 08:22:53
【问题描述】:

我有两个三个屏幕呈现主页、个人资料和销售。 主页和个人资料都很好,IOSNavigator 可以正常工作并且背景颜色保持不变(参见图二,“个人资料”),但是当我切换到销售屏幕时,它变为白色(参见图一,“列表项”)?

三个屏​​幕的代码完全相同,只是名称不同,我不确定它为什么这样做

const ProfileNavigator = () => (
  <NavigatorIOS
    initialRoute={{
      component: ProfileNavigator,
      title: 'Profile',
    }}
   style={{flex: 1}}
  />
);

【问题讨论】:

    标签: reactjs react-native


    【解决方案1】:

    在配置文件屏幕上(或只是为了防止这种情况发生在所有屏幕上)尝试将其添加到您的渲染方法中:

    <StatusBar
         barStyle="light-content"
     />
    

    有时 NavigatorIOS 组件对状态栏有奇怪的行为

    【讨论】:

    • 谢谢 Marco,我已经试过了,奇怪的是,如果我进入 react-dev 工具并切换导航上的某些属性,它会将白色背景切换到另一个屏幕?也许只是 iOS 端的随机行为?
    • @tygar 如果您使用 Expo,请尝试通过复制项目文件夹以本机代码构建它(或按照项目根文件夹中的步骤操作,但您将无法返回 Expo)和在那里运行 npm injection 以创建 Xcode 项目。然后在设备或模拟器上使用 Xcode 构建应用程序并检查它是否仍然具有相同的行为
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-20
    • 2016-08-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-13
    相关资源
    最近更新 更多