【问题标题】:Error with the header styling in StackNavigator from React Navigation来自 React Navigation 的 StackNavigator 中的标题样式错误
【发布时间】:2017-09-28 12:35:20
【问题描述】:

我正在使用来自React NavigationStackNavigator,我想为Android 平台添加标题样式,但添加额外样式后出现错误:

对象作为 React 子对象无效(找到:带键的对象 {style})。如果您要渲染一组子项,请使用数组 而是。

这是我的代码:

   static navigationOptions ={
      header: {
     style: {
       marginTop: Platform.OS === 'android' ? 24 : 0
     }
   }
   }

如何解决这个问题?

【问题讨论】:

  • 你在使用自定义标题吗?
  • 为什么要添加marginTop? ReactNavigation 正在处理这个问题。
  • 在IOS中看起来不错,但是在Android中,顶部的Android状态栏和StackNavigaror栏有重叠。

标签: react-native react-navigation


【解决方案1】:

您使用的方法已弃用。

您可以使用以下代码,

static navigationOptions = {
   headerStyle: { marginTop: Platform.OS === 'android' ? 24 : 0 }
}

【讨论】:

    猜你喜欢
    • 2017-08-14
    • 2018-07-04
    • 2017-07-04
    • 1970-01-01
    • 2017-08-08
    • 1970-01-01
    • 1970-01-01
    • 2021-05-22
    • 1970-01-01
    相关资源
    最近更新 更多