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

Question

在我当前的 React Native 应用程序中。

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

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

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

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

据我所知，native-base icons 只是 react-native-vector-icon 的包装。在 react-native-vector-icon 中，有一个 getImageResource 函数可以让我将图标转换为图像。我如何在 native-base 中做到这一点？

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 }));