如何在react-native-navigation中使用基于本机的图标

Question

在我目前的反应本机应用程序中。

我在一般应用程序导航中使用react-native-navigation。

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

我的问题是，如何将<Icon name="ios-search"/>从本机库传递到react-native-navigation选项卡？

基于此Wiki。 看来他们只接受标签图标的实际图像？ https://github.com/wix/react-native-navigation/wiki/Top-Level-API

据我所知，基于本地的图标只是对react-native-vector-icon的包装。 在react-native-vector-icon中，有一个getImageResource函数，允许我将图标转换为图像。 如何在本机基础上做？

Answer 1

getImageSource函数将被添加到下一版本的Native Base中的Icon中。

现在，您可以直接从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 }));