0

ImageScreen.js

import imgSrcF from '../../assets/forest.jpg';
import imgSrcB from '../../assets/beach.jpg';
import imgSrcM from '../../assets/mountain.jpg';
 
const ImageScreen = () => {
    // imgageSource={require('../../assets/forest.jpg')} /> 
    return <View>
        <Text>Hello</Text>
        <Image source={{ uri: imgSrcF }} style={style.image} />
        <ImageDetail title='Forest'
            imgageSource={imgSrcF} /> 
    </View>
}

图像细节.js

const ImageDetail = (props) => {
    console.log(props)
    // <Image source={props.imageSource} />
    return <View>
        <Image source={{ uri: props.imageSource }}
            style={styles.image} />
        <Text> {props.title} </Text>
    </View>
}

笔记

当导入在同一个文件中时，图像元素会显示.... 示例在屏幕中使用

传递图像不起作用

目前在网络上运行...

上述代码在反应本机网络上的结果

尝试的解决方案链接React Native Web Image 组件未显示图像

4

0 回答 0