如何在 react-native-navigation 中使用原生图标

Question

在我当前的 react 原生应用中。

我正在使用 react-native-navigation 进行一般应用导航。

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

我的问题是，如何将 <Icon name="ios-search"/> 从 native-base 传递到 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 }));