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

时间:2018-11-30 06:16:04

标签: react-native tabnavigator react-native-tabnavigator

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

1 个答案:

答案 0 :(得分:1)

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

如果要使用自定义组件执行此操作,则取决于您呈现标题的方式。如果您使用的是react-navigation标头,则可以在屏幕上这样做:

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