尝试按下按钮时显示图像 - 本机反应

Question

我只是想按一个按钮并显示一个图像。我收到一个错误，“尝试分配给readonly属性”这是我的代码。

export class calculateRoute extends Component{
  render() {
    return (
      <View>
        <Image
          style={{width: 50, height: 50}}
          source={require('./Alexa.png')}
        />
      </View>
    );
  }
}

然后这是我的按钮代码，它应该只是在按下时返回一个图像。这段代码属于不同的类。

<Button
    onPress={calculateRoute}
    title="Calculate Route"
    color="#841584"
    accessibilityLabel="Button to calculate route"
/>

Answer 1

试试这个：

showImage

组件状态中的<?xml version="1.0" encoding="UTF-8"?> <config> <options> <option>true</option> <option>false</option> </options> </config> 将告诉渲染何时显示图像。希望它有所帮助。