如何在react-native-navigation中使用native-base圖標

Question

在我當前的反應原生應用程序中。

我正在使用react-native-navigation進行常規應用導航。

另一方面，我想爲一些基本的UI元素使用native-base。

我的問題是，我如何將<Icon name="ios-search"/>從本地庫傳遞到react-native-navigation選項卡？

基於此維基。看起來他們只接受一個標籤圖標的實際圖像？ https://github.com/wix/react-native-navigation/wiki/Top-Level-API

就我所見，native-base圖標只是react-native-vector-icon上的一個包裝。在react-native-vector-icon中，有一個getImageResource函數，允許我將圖標轉換爲圖像。我如何在本地基地進行此操作？

Answer 1

getImageSource函數將被添加到下一版Native Base中的圖標。現在，您可以直接從react-native-vector-icons導入任何Icon系列，並從那裏使用getImageSource。

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

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