导航条格式( Ex-Navigator (ExponentJS) )

Question

我正在尝试格式化ExponentJS ExponentJS在Reactinative.net中的底部边框。为了我的一生，我无法想出如何对NavigationBar隐藏底部的边框。

Answer 1

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

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

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

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

Answer 2

找到了..。

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

bar样式表对象项使您能够在ExNavigator中对bar本身进行样式设置。

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

对于我的问题，我将borderBottomColor设置为“透明的”，现在我可以开始了。

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