React Native：我如何设置 NavigationExperimental 的 NavigationCardStack 和 NavigationHeader 的样式？

【问题标题】：React Native: How do I style NavigationExperimental's NavigationCardStack and NavigationHeader?React Native：我如何设置 NavigationExperimental 的 NavigationCardStack 和 NavigationHeader 的样式？
【发布时间】：2016-12-17 12:44:07
【问题描述】：

我正在尝试通过style={{backgroundColor:'white'}} 更改NavigationExperimental 的NavigationCardStack 的背景颜色，但它不起作用。

有办法解决吗？还是不可能？

另外，如何隐藏NavigationHeader 的 1px 发际线？我尝试做shadowHidden={true}，但不幸的是没有提供。

【问题讨论】：

标签： javascript ios css react-native react-jsx

【解决方案1】：

你的风格道具是正确的。但是你在哪里应用它？您应该将此道具应用到 NavigationHeader。

  <NavigationHeader
    style={{backgroundColor:'blue'}}
    ...

您可能正在一个单独的函数中渲染 NavigationHeader，可能命名为 renderHeader()。此函数作为道具传递给 NavigationCardStack

    <NavigationCardStack
      onNavigateBack={this.props.onNavigateBack}
      renderHeader={this.renderHeader}
      ...

编辑：回答关于发际线的问题：

    style={{backgroundColor:'blue', borderBottomWidth: 0}}

这是发际线样式的 RN 代码，您可以看到它依赖于平台：

    borderBottomWidth: Platform.OS === 'ios' ? StyleSheet.hairlineWidth : 0,

【讨论】：