Image 无法使用问题

来源：1-5 项目底部导航菜单开发

qq_小小白_5

2018-06-21

新建项目 Image 设置宽高不占位置也不显示，想使用 require 也提示不存在，好像是环境问题，却找不到原因，

写回答

3回答

CrazyCodeBoy

2018-06-21

不设置Image的source，Image是不显示的，参考代码：

<View style={{flex:1}}>
    <Image style={{ width: 100, height: 100,backgroundColor: "#000"}} source={{uri: 'https://facebook.github.io/react/logo-og.png'}}/>
    <Image style={{ width: 100, height: 100,backgroundColor: "#d15"}} source={{uri: 'https://facebook.github.io/react/logo-og.png'}}/>
    <Text style={styles.text}> this HomePage</Text>
    <Text style={styles.text}> this HomePage</Text>
    <Text style={styles.text}> this HomePage</Text>
    <Text style={styles.text}> this HomePage</Text>
</View>

qq_小小白_5

提问者

2018-06-21

<View style={BaseStyles.container_column}>
<Image style={{ width: 100, height: 100,backgroundColor: "#000"}} />
<Image style={{ width: 100, height: 100,backgroundColor: "#d15"}} />
<Text style={styles.text}> this HomePage</Text>
<Text style={styles.text}> this HomePage</Text>
<Text style={styles.text}> this HomePage</Text>
<Text style={styles.text}> this HomePage</Text>
</View>

CrazyCodeBoy

2018-06-21

如果是网络图片需要指定图片大小，像这样：<Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}} style={{width: 400, height: 400}} />
给Image设个背景看这个Image组件有没有显示出来，如果显示出了背景可以在Android和iOS上看试一下是不是都显示不出来；
如果还是解决不了问题可以将代码贴出来我帮你看看。