Flutter入门之显示图片

效果图

实现方式

1. 纯图片展示

Image.asset(
  "images/test.png",
  width: 100,
  height: 100,
),

2. 带点击事件的图片展示

InkWell(
  child: Container(
    child: ClipRRect(
      borderRadius: BorderRadius.circular(20.0),
      child:
          Image.asset('images/test.png', width: 100, height: 100),
    ),
  ),
  onTap: () {
    Toast.show("我被点击了", context,
        duration: Toast.LENGTH_LONG, gravity: Toast.CENTER);
  },
),

完整源代码

https://gitee.com/cxyzy1/showImageByFlutter