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

Question

我正在尝试将NavigationExperimental的{​​{1}}的背景颜色改为：NavigationCardStack，但它不起作用。

周围有办法吗？还是不可能？

另外，如何隐藏style={{backgroundColor:'white'}}的1px发际线？我试过NavigationHeader，但不幸的是没有提供。

Answer 1

你的风格道具是正确的。但是你在哪里申请呢？您应该将此道具应用于 NavigationHeader 。

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

您可能在单独的函数中渲染 NavigationHeader ，可能名为renderHeader（）。此函数作为prop传递给 NavigationCardStack

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

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

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

以下是发际线风格的RN代码，因为您可以看到它依赖于平台：

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