Использование пользовательских значков в нижних вкладках навигации React

Question

Как я могу использовать изображение в качестве значка в нижних вкладках навигации React? У меня есть изображения в папке внутри моего проекта, но для начала я не совсем уверен, могу ли я импортировать изображения с помощью метода Import {anyComponent} from 'anyPath'. Кроме того, я не знаю, как установить эти пользовательские изображения в качестве значков. Если бы кто-нибудь мог мне помочь, я был бы очень признателен.

Большое спасибо!

Answer 1

Вы можете использовать изображения, подобные приведенным ниже, в основном вы можете предоставить свой собственный компонент для tabbaricon, который может быть любым.

 <Tab.Screen
          name="Settings1"
          component={SettingsScreen}
          options={{
            title: 'My profile',
            tabBarIcon: ({size,focused,color}) => {
              return (
                <Image
                  style={{ width: size, height: size }}
                  source={{
                    uri:'image url',
                  }}
                />
              );
            },
          }}
        />