小萌新123 2022-04-07 16:17
浏览 42
已结题

react-native-paper 用不了react-native-vector-icons的图标

问题遇到的现象和发生背景

react native 的第三方插件 react-native-paper 中说明使用的是react-native-vector-icons 的图标,但是我已经把两个库都引进项目了,可是当我是要使用 react-native-paper 中的 TextInput组件时,为其设置左部使用react-native-vector-icons图标时报错。
这是 react-native-paper的官方说明,

img

问题相关代码,请勿粘贴截图
import {TextInput} from 'react-native-paper';

                    <TextInput
                        placeholder={"USER"}
                        right={<TextInputIcon name={"user"} />}
                        style={style.input}
                        onChangeText={(password)=>{setPassword(password)}}
                    />
运行结果及报错内容

img

我的解答思路和尝试过的方法

我尝试过将TextInput中的 <TextInputIcon name={"user"} />改成其他组件

import Icons from 'react-native-vector-icons/FontAwesome';
                    <TextInput
                        placeholder={"USER"}
                        right={<Icons name={"user"}/>}
                        style={style.input}
                        onChangeText={(password)=>{setPassword(password)}}
                    />

可是,还是没有图标显示出来

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 4月15日
    • 创建了问题 4月7日

    悬赏问题

    • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
    • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
    • ¥30 c#打开word开启修订并实时显示批注
    • ¥15 如何解决ldsc的这条报错/index error
    • ¥15 VS2022+WDK驱动开发环境
    • ¥30 关于#java#的问题,请各位专家解答!
    • ¥30 vue+element根据数据循环生成多个table,如何实现最后一列 平均分合并
    • ¥20 pcf8563时钟芯片不启振
    • ¥20 pip2.40更新pip2.43时报错
    • ¥15 换yum源但仍然用不了httpd