Wie native-base icons in react-native-navigation verwenden

Question

In meiner aktuellen reagieren native App.

Ich benutze react-native-Navigation für die allgemeine App-Navigation.

Auf der anderen Seite möchte ich native-Base für einige grundlegende UI-Elemente verwenden.

Meine Frage ist, wie übergebe ich eine <Icon name="ios-search"/> von nativer Basis zu einem reaktiven nativen Navigations-Tab?

Basierend auf diesem Wiki. Es scheint, dass sie nur ein aktuelles Bild für ein Tab-Symbol akzeptieren? https://github.com/wix/react-native-navigation/wiki/Top-Level-API

Soweit ich es sehe, ist native-base-icons nur ein Wrapper auf react-native-Vektor-Symbol. In react-native-vector-icon gibt es eine getImageResource-Funktion, mit der ich Icons in Bilder umwandeln kann. Wie mache ich das in nativer Basis?

Answer 1

getImageSource Funktion wird dem Icon in der nächsten Version von Native Base hinzugefügt.

Jetzt können Sie jede Icon-Familie direkt von react-native-vector-icons importieren und von dort getImageSource verwenden.

import Ionicons from 'react-native-vector-icons/Ionicons'; 
... 
... 

getImageSource('ios-home', 20, 'red').then((source) => this.setState({ userIcon: source }));