如何在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 }));