React-Native-Elementアイコンが検索バーのクロスとして表示される

Question

react-native-elementの検索バーのアイコンを変更するにはどうすればよいですか？

<Icon type='font-awesome' name="share-alt" size={33} color="red" /> 

上記のコードはアイコンを適切にレンダリングします。

しかし、同じアイコンあなたが唯一の唯一のネイティブのアイコンを変更することができ、次のコード

<SearchBar 
    lightTheme 
    icon = {"share-alt", "red"} 
    inputStyle={{margin: 0, padding:3, flex:1}} 
    containerStyle={{flex:1, height:undefined}} 
    onChangeText={() => {}} 
    placeholder='ABC' /> 

Answer 1

にクロスとして表示されます。ここにリストされているのはhttps://material.io/icons/です。

icon propはタイプを受け入れません。それはあなたのスクリーンショットによると、ここでreact-native-elements/API/searchbar/

object {name (string), color (string), style (object)} 

Answer 2

指定され、反応するネイティブ・ベクトルのアイコンが正しくインストールされていません。
1. react-native-vector-iconsを正しくインストールしてください。
2.検索アイコンが表示されます。このとき、検索バーのアイコンを変更することができます。あなたは使用できますMaterial icon names