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

Question

在我目前的反应原生应用中。

我正在使用react-native-navigation进行常规应用导航。

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

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

基于此维基。它们似乎只接受标签图标的实际图像？ 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 }));