如何在React Native中创建自定义选项卡栏

Question

我想创建一个如下所示的导航栏。我试过使用TabNavigation，但它看起来不是这样的。我不知道它是怎么定制的。

Answer 1

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

如果您想使用自定义组件来完成，这将取决于您如何渲染标头。如果你使用的是react-navigation的头，你可以在屏幕上这样做：

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