按下时如何在颤动中更改图像？答案

【问题标题】：How to change an image in flutter when pressed?按下时如何在颤动中更改图像？
【发布时间】：2021-02-24 03:22:21
【问题描述】：

所以，我是 Flutter 开发的新手，我对按下按钮时如何更改图像有疑问。所以，我有 3 张图片，当我点击第 1 张图片时，我希望显示 3 张图片中的任何随机图片。我将附上部分代码。

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Row(
        children: [
          Expanded(
              child: FlatButton(
            onPressed: () {},
            child: Image.asset('images/image1.png'),
          ))
        ],
      ),
    );

【问题讨论】：

标签： flutter flutter-layout flutter-animation

【解决方案1】：

首先您可以将'images/image1.png' 存储为变量

String default_image = 'images/image1.png';

然后把图片部分改成这个

 Expanded(
            child: FlatButton(
             onPressed: () {
                 setState((){
                      default_image = "images/image-2.png";
                   });
                 },
                child: Image.asset(default_image),
    ),
  )

【讨论】：

【解决方案2】：

我希望它是有状态的小部件，如果不是，请先使其有状态

String assetPath = "images/image1.png";
    @override
      Widget build(BuildContext context) {
        return Center(
          child: Row(
            children: [
              Expanded(
                  child: FlatButton(
                onPressed: () {
                     // Your random logic for change the value of assetPath variable
                   setState((){
                      assetPath = "images/image2.png";
                   });
                },
                child: Image.asset(assetPath),
              ))
            ],
          ),
        );

【讨论】：