我正在尝试通过以下方式更改 NavigationExperimental
的 NavigationCardStack
的背景颜色:style={{backgroundColor:'white'}}
但它不起作用。
有办法解决吗?还是不可能?
此外,如何隐藏NavigationHeader
的 1px 细线?我试过 shadowHidden={true}
但不幸的是没有提供。
最佳答案
您的样式 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,
关于javascript - react native : How do I style NavigationExperimental's NavigationCardStack and NavigationHeader?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38885145/