Как создать пользовательские вкладки в React-Native?

Question

Я хочу создать панель навигации, которая выглядит следующим образом. Я пытался использовать TabNavigation, но это не выглядит так. Я не знаю, как это сделать на заказ.

Answer 1

Вы можете создать собственный компонент заголовка или использовать для этого уже существующую библиотеку пользовательского интерфейса. Компонент Segment в NativeBase может достичь того, чего вы пытаетесь достичь.

Если вы хотите сделать это с помощью пользовательского компонента, это будет зависеть от того, как вы рендерите заголовок. Если вы используете react-navigationЗаголовок, вы можете сделать это так на вашем экране:

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