Ex-Navigator 中的导航栏格式 (ExponentJS)

Navigation Bar Formatting in Ex-Navigator (ExponentJS)

我正在尝试在 React Native 中格式化 ExponentJS Ex-Navigator 的底部边框。我这辈子都想不出如何隐藏 NavigationBar 的底部边框。

找到了...

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

栏样式表对象条目使您能够在 ExNavigator 中设置栏本身的样式

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

对于我的问题，我将 borderBottomColor 设置为 'transparent'，现在可以开始了。

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

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

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

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

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