Image：顯示圖片所用，相當(dāng)于UIImage，通常和Container一起使用來實(shí)現(xiàn)圓角，圓形圖片等效果，也可單獨(dú)使用

加載網(wǎng)絡(luò)圖片

單獨(dú)使用：

class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Image.network('https://******.jpg',
                width:200,height: 200,
),//這里設(shè)置大小會(huì)改變圖片大小，但不會(huì)改變圖片比例
    );
  }
}

結(jié)合Container使用來實(shí)現(xiàn)圓形圖片，方式一：

class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        child: ClipOval(
          child: Image.network('https://******.jpg',
          width: 100,height: 100,fit: BoxFit.cover,),
        ),
      ),
    );
  }
}

結(jié)合Container使用來實(shí)現(xiàn)圓形圖片，方式二：

class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        height: 150,
        width: 150,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(25),//這里的值是改變圓角大小的，當(dāng)這里設(shè)置的值是width和height一半時(shí)就是圓形圖片
          image: DecorationImage(
            image: NetworkImage('https://******.jpg'),
            fit: BoxFit.cover
          )
        ),
      ),
    );
  }
}

加載本地圖片首先得在根目錄下創(chuàng)建文件夾assets、assets/2.0x、assets/3.0x，分別存放不同分辨率的圖片（命名要相同）

創(chuàng)建文件夾.png

修改pubspec.yaml，聲明圖片

修改yaml.png