搜索栏中以方形显示的图标反应原生纸

Question

我刚刚开始使用 React Native。我对使用 react-native-paper 依赖项的 Searchbar 组件有问题。

我已经安装了

 "react-native-paper": "^4.7.2",
 "react-native-vector-icons": "^8.1.0"

依赖项。我使用了 Searchbar 组件，例如

<Searchbar
        style={styles.searchbarMargin}
        placeholder="Search"
        icon={()=><MaterialCommunityIcon name="magnify" size={20}/>}
      />

import 语句是

import { Searchbar } from 'react-native-paper';
import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';

我已经添加了

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

在 build_gradle 文件中仍然没有显示 magnify 图标。帮帮我。

注意： 我已经清理了 npm 和 react-native 的缓存并卸载了 node_modules 文件夹并再次安装了软件包，但仍然没有。没用。

提前感谢您的帮助。

Answer 1

最后我在终端

中通过运行这个命令解决了这个问题

npx react-native link react-native-vector-icons

成功后运行你需要的命令运行

react-native run-android

命令，这样您就可以看到您想要的图标。

搜索栏中以方形显示的图标反应原生纸

Icon showing in square shape in Seachbar react native paper

react-native

react-native-paper