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

Question

我想创建一个类似于this 的导航栏。我尝试使用 TabNavigation，但它看起来不像这样。不知道怎么定制的。

Answer 1

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

如果您想使用自定义组件来实现，这将取决于您如何呈现标题。如果你使用react-navigation的标题，你可以在你的屏幕上这样做：

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