javascript - react native : How do I style NavigationExperimental's NavigationCardStack and NavigationHeader?

Question

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

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

此外，如何隐藏NavigationHeader 的 1px 细线？我试过 shadowHidden={true} 但不幸的是没有提供。

Answer 1

您的样式 Prop 是正确的。但是你在哪里应用它？您应该将此属性应用于 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,