Android 反应本地矢量图标导致空白屏幕

Android 反应本地矢量图标导致空白屏幕,android,react-native,native-base,react-native-vector-icons,Android,React Native,Native Base,React Native Vector Icons,我使用最新版本的react native(0.60.4)从native base获得带有图标组件的白色屏幕 这是我的密码 <Item floatingLabel error={hasError} style={styles.inputElement}> <Icon name="ios-menu" style={{ fontSize: 20, color: "red" }} /> <Label style={styles.pla

我使用最新版本的react native(0.60.4)从native base获得带有图标组件的白色屏幕

这是我的密码

<Item floatingLabel error={hasError} style={styles.inputElement}>
          <Icon name="ios-menu" style={{ fontSize: 20, color: "red" }} />
          <Label style={styles.placeHolderStyle}>{placeHolder}</Label>
          <Input
            secureTextEntry={hasSecureTextEntry}
            style={styles.inputPaddingLeft}
            onChangeText={text => this.props.onChangeText(text, key)}
            value={value}
          />
        </Item> 

{占位符}
this.props.onChangeText(text,key)}
value={value}
/>
如果我删除
标签,它就可以正常工作


此外,上面的代码使用的是旧版本的react native(0.55.4)

您可能从错误的软件包中导入了
图标。我尝试了您的代码,效果非常好

输出

代码

import React,{Component}来自'React';
从“本机基础”导入{容器、标题、内容、图标、项目、标签、输入};
导出默认类应用程序扩展组件{
render(){
返回(
这是一个占位符
);
}
}
在线运行


您可以使用此

联机运行上面的演示。您可能从错误的软件包导入了
图标
。我尝试了您的代码,效果非常好

输出

代码

import React,{Component}来自'React';
从“本机基础”导入{容器、标题、内容、图标、项目、标签、输入};
导出默认类应用程序扩展组件{
render(){
返回(
这是一个占位符
);
}
}
在线运行


您可以使用此

联机运行上述演示。否,我正在从本机库本身导入图标。这适用于旧版本,但不是最新版本的react-native。否,我正在从本机库本身导入图标。这适用于旧版本,但不是最新版本的react native。