小萌新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 依据报错在原代吗格式的基础上解决问题
    • ¥15 在虚拟机中安装flash code
    • ¥15 单片机stm32f10x编写光敏电阻调节3.3伏大功率灯亮度(光强越大灯越暗,白天正常光强灯不亮,使用ADC,PWM等模块)望各位找一下错误或者提供一个可实现功能的代码
    • ¥20 verilog状态机方法流水灯
    • ¥15 pandas代码实现不了意图
    • ¥15 GD32H7 从存储器到外设SPI传输数据无法重复启用DMA
    • ¥25 LT码在高斯信道下的误码率仿真
    • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
    • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
    • ¥15 电视版的优酷可以设置电影连续播放吗?