Ex-Navigator中的导航栏格式（ExponentJS）

Question

我正在尝试在React Native中格式化ExponentJS Ex-Navigator的底部边框。在我的生活中，我不能想出如何隐藏NavigationBar的底部边框。

Answer 1

无需覆盖库中的硬编码样式

您可以在ExNavigator组件中应用样式，如下所示：

<ExNavigator
  navigationBarStyle={{ borderBottomColor: 'transparent' }}
  ...
  />

您也可以在这里设置backgroundColor和borderBottomWidth。

Answer 2

发现它......

要更改NavigatorNavigationBar的样式，请查看./node-modules/@exponent/react-native-navigator/ExNavigatorStyles.js

条样式表对象条目使您可以在ExNavigator

中设置条形本身的样式

bar: {
    backgroundColor: '#f8f8f8',
    borderBottomColor: '#b2b2b2',
    borderBottomWidth: Layout.pixel,
},

对于我的问题，我将borderBottomColor设置为＆＃39; transparent＆＃39;我现在很高兴。

bar: {
    backgroundColor: '#f8f8f8',
    borderBottomColor: 'transparent',
    borderBottomWidth: Layout.pixel,
},