react-native - 如何在 React-Native 中创建自定义标签栏？

Question

我想创建一个看起来像这样的导航栏。我尝试使用 TabNavigation，但它看起来不像这样。我不知道它是如何定制的。

Answer 1

为此，您可以创建自定义标头组件或使用预先存在的 UI 库。NativeBase 的 Segment 组件可能会完成您想要实现的目标。

如果您想使用自定义组件来执行此操作，则取决于您如何呈现标题。如果你使用react-navigation's 标题，你可以在你的屏幕上这样做：

navigationOptions = {
  header: (
    <MyCustomHeader />
  )
};