Пользовательские иконки с реагирующей навигацией 5

Question

Я пытаюсь использовать пользовательские значки с навигацией по панели реагирования. Тем не менее, все учебные пособия и документы всегда охватывают реализацию значков Ionicons или Materialdesign. Есть ли способ, которым я могу реализовать свои собственные иконки?

Вот как выглядит код atm:

<Tab.Navigator tabBarOptions={{
  inactiveTintColor: '#707070',
  activeTintColor: 'red',
  style: {
    backgroundColor: '#F1F1F1',
    height: 60,
    color: 'red',
    paddingBottom: 5
  }
}}>
  <Tab.Screen name="Bestellungen" component={BestellungenOverview}/>
  <Tab.Screen name="Kunden" component={KundenOverview} />
  <Tab.Screen name="Zahlungen" component={ZahlungenOverview} />
  <Tab.Screen name="Statistiken" component={StatistikenOverview} />
  <Tab.Screen name="Einstellungen" component={Einstellungen} />
</Tab.Navigator>

Answer 1

Вам нужно сохранить иконки в виде шрифта. Проверьте эти ссылки и посмотрите, помогают ли они:

https://www.reactnative.guide/12-svg-icons-using-react-native-vector-icons/12.1-creating-custom-iconset.html

https://medium.com/bam-tech/add-custom-icons-to-your-react-native-application-f039c244386c

Вам необходимо принять ваши файлы .svg и, используя сервис, такой как IcoMoon, сгенерируйте файл шрифта .ttf и загрузите этот шрифт в ваше приложение.