CODEWITHSUNDEEP
react-nativetabnavigatorreact-native-tabnavigator
Đặng Trung Thắng
Đặng Trung Thắng

Reputation: 1

How to create Custom Tab-Bars in React-Native?

I want to create a navigation bar that looks like this. I tried using TabNavigation but it does not look like this. I do not know how do it custom.

Upvotes: 0

Views: 297

Answers (1)

Uzair A.
Uzair A.

Reputation: 1638

You can create a custom header component or use a pre-existing UI library for this purpose. NativeBase's Segment component may accomplish what you're trying to achieve.

If you want to do it using a custom component, it will depend on how you're rendering the header. If you're using react-navigation's header, you can do it like this in your screen:

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

Upvotes: 1

Related Questions