搜索栏图标未显示|反应本机

Question

“搜索”图标已替换为其他图标。如何在SearchBar中放置图标（React-native-elements || React-native） 图标的屏幕截图。

Answer 1

这里是文档中的代码：

import { Icon } from 'react-native-elements'

<Icon
  name='rowing' />

<Icon
  name='g-translate'
  color='#00aced' />

<Icon
  name='sc-telegram'
  type='evilicon'
  color='#517fa4'
/>

<Icon
  reverse
  name='ios-american-football'
  type='ionicon'
  color='#517fa4'
/>

<Icon
  raised
  name='heartbeat'
  type='font-awesome'
  color='#f50'
  onPress={() => console.log('hello')} />

Answer 2

找到了解决方案。 对于某些本机版本，我们需要手动链接模块。在这种情况下，我必须链接react-native-vector-icons。

npm install react-native-vector-icons--save

react-native link react-native-vector-icons

从项目目录开始。

Answer 3

我做了这些：

npm install react-native-vector-icons--save

react-native link react-native-vector-icons

然后从模拟器中关闭该应用程序，只是为了安全起见，将其卸载：

npm start

react-native run-android