警告：失败的道具类型：为“图像”提供的道具“源”无效。以自然反应

Question

我是个新来的本地人。我已经创建了一个屏幕。其中我添加了数字签名。当我拖动签名时，我将其图像保存为状态。然后我在屏幕上显示这个状态图像。但是我得到了如下错误=警告：失败的道具类型：无效的道具源提供给图像。请帮忙。这是代码

const[Image1, setImage1]= useState(null);

    const Image1 = result.pathName;
    console.log("Response = "+Image1);
    setImage1({Image1: Image1})

 <Image
                source={{uri : Image1}}
                style={{
                 width: '100%',
                 height: 200,
                 resizeMode: 'contain',
                 }} />




Answer 1

useState变量的第一个字必须是小写

不能使用相同的变量名，如果使用的是网络映像，则映像组件应如下所示，

const[image, setImage]= useState(null);
const [imagePath,setImagePath ] = useState(result.pathName);
console.log("Response = "+imagePath);
setImage(imagePath)

 <Image 
source={{uri : image}}
style={{
width: '100%',
height: 200,
resizeMode: 'contain',
 }} 
/>

否则，如果你使用本地图像，那么你的图像组件就像这样，

<Image 
source={require(image)}
style={{
width: '100%',
height: 200,
resizeMode: 'contain',
 }} 
/>