Как создать «поддельную» вкладку в реагирующей навигации, которая не перемещается к компоненту, а только рассматривается как активная

Question

Возможно ли иметь вкладку с BottomTabNavigator, которая является «фальшивой» вкладкой, которая просто запускает «onPress» на текущей вкладке, на которой она включена, а также помечает ее как «активную»

У меня было бы 3 вкладки: Домой, Чат, Больше.

Дом - это WebView

Когда я нажимаю на вкладку «Дополнительно», я хочу добавить к URL-адресу WebView, а также отметить активную вкладку «Еще».

Когда я нажимаю «Домой», я хочу удалить добавленный URL из WebView и пометить вкладку «Домой» как активную

Answer 1

Да, это возможно, просто забудьте сделать это с помощью реагирующей навигации, если вы не хотите перемещаться, и используйте TouchableOpacity onPress={() => this.setState({activeTab: 'home'})}

Структурируйте это так.

1 Компонент Dashboard, который отображает 3 различных типа контента в зависимости от того, чем является this.state.activeTab. Это всегда будет отображать все три вкладки, но активную можно выделить.

3 дочерних компонента, которые вы хотите видеть в зависимости от активной вкладки.

Должно быть довольно просто, но оставьте комментарий, если что-то не понятно, и я постараюсь помочь.