Реагировать на собственную ошибку, когда я добавляю значки из реактивных-векторных-иконок

Question

Я создаю свое первое приложение с React Native. Я использую реагирующую навигацию bottomTabNavigator, и когда я добавил значки на вкладки, мое приложение не работало на Android. iOS работает нормально.

Вот суть моего кода Menu.js

Даже когда я закомментирую строки, которые используют значки (сами значки, импорт), ошибка продолжается. Но я не понимаю, что происходит, потому что ошибка началась на Android, когда я начал использовать значки.

В iOS все работает отлично.

Любая помощь?

Answer 1

Я также использовал значки react-native-vector, поэтому вам просто нужно запустить:

1. npm установить реактивные векторные иконки,
2. добавление этой строки

• применить из: "../../node_modules/react-native-vector-icons/fonts.gradle"

Здесь:android/app/build.gradle

Answer 2

В Android вы должны включить icon="require('some path like images')"тогда это работает. например:

 tabs: [
      {
        label: 'One',
        screen: 'Screen1',
        icon: require('./images/icon1.png'),
        selectedIcon: require('./images/icon1_selected.png'),
        title: 'Screen One'
      },

    ]