反応ネイティブナビゲーションでネイティブベースのアイコンを使用する方法

Question

現在の反応するネイティブアプリ。

私は一般的なアプリのナビゲーションに反応ネイティブナビゲーションを使用しています。

一方、いくつかの基本的なUI要素にはnative-baseを使用したいと思います。

私の質問は、<Icon name="ios-search"/>をネイティブベースから反応ネイティブナビゲーションタブに渡すにはどうすればよいですか？

このwikiに基づいています。タブアイコンの実際の画像のみを受け入れるようですか？ https://github.com/wix/react-native-navigation/wiki/Top-Level-API

私が見ている限り、ネイティブベースのアイコンはreact-native-vector-iconの単なるラッパーです。反応ネイティブベクターアイコンでは、アイコンを画像に変換するgetImageResource関数があります。ネイティブベースではどうすればいいですか？

Answer 1

getImageSourceネイティブベースの次のバージョンでアイコンに機能が追加されます。

今のところ、任意のIconファミリを反応系ネイティブベクターアイコンから直接インポートし、そこでgetImageSourceを使用することができます。

import Ionicons from 'react-native-vector-icons/Ionicons'; 
... 
... 

getImageSource('ios-home', 20, 'red').then((source) => this.setState({ userIcon: source }));