createBottomTabNavigator перемещен в сообщение об ошибке

Я получаю сообщение об ошибке на Expo, в котором говорится, что «createBottomTabNavigator ()» перемещено в «response-navigation-tabs». См. Http ........ для получения более подробной информации.

Я выполнил npm install response-navigation-tabs и изменил свой импорт, но эти изменения не избавили от ошибки

import { createBottomTabNavigator } from 'react-navigation-tabs';
import { createAppContainer } from 'react-navigation'

import HomeScreen from './Home';

const TabNavigator = createBottomTabNavigator({
    Home: HomeScreen,
    SignUp: SignUpScreen
},
);

export default createAppContainer(TabNavigator);

Я ожидал, что после установки response-navigation-tabs и изменения моего импорта проблема будет исправлена.


react-native react-navigation tabnavigator
person tobiappdeveloper    schedule 13.09.2019    source источник
comment
восстановление и перезапуск сборщика метро может вам помочь.   -  person Hamed Navabian    schedule 13.09.2019
comment
У меня была такая же проблема, я удалил node_modules и запустил yarn, затем запустил проект, и он работал нормально.   -  person Bilal    schedule 22.09.2019
comment
В вашем коде нет ничего плохого. Попробуйте запустить повторно ваше приложение   -  person MJ Montes    schedule 04.12.2019
comment
Попробуйте expo start -c   -  person Rajendran Nadar    schedule 28.04.2020

Ответы (2)


arrow_upward
0
arrow_downward

Это из-за того, что в версии 4 react-navigation все навигаторы были перемещены в отдельные репозитории, поэтому вам придется устанавливать их отдельно.

npm i react-navigation-stack   // or yarn add react-navigation-stack

после этого перейдите в файл, в котором вы определяете createStackNavigator, и измените:

import { createStackNavigator } from 'react-navigation'

to:

import { createStackNavigator } from 'react-navigation-stack'
person Hasan Zahran    schedule 11.01.2020

arrow_upward
0
arrow_downward

Вам нужно передать createBottomTabNavigator внутри createAppContainer, который будет импортирован из react-navigation.

import {  createAppContainer } from "react-navigation";
import { createBottomTabNavigator } from 'react-navigation-tabs';

const TabNavigator = createAppContainer(createBottomTabNavigator({
  Home: HomeScreen,
  SignUp: SignUpScreen
},
));

export default TabNavigator;

`

person Hariprakash Babu    schedule 20.05.2021