首页 > 建站教程 > APP开发,混合APP >  Flutter笔记30:本地图片资源加载正文

Flutter笔记30:本地图片资源加载

在assets目录,放不同分辨率的图片,如1.jpg、2.0x/1.jpg、3.0x/1.jpg,在pubspec.yaml中引入此图片,如:
assets:
  - assets/images/1.jpg
AssetImage会自动根据不通分辨率去找合适的图片。
ExactAssetImage可以对图片进行缩放,scale数值越小,放的越大,1为原图大小,下面是具体用法
除了AssetImage外,还可以用Image.asset来加载本地图片。下面是具体的代码:
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AssetImage资源图片',
      home: Scaffold(
        appBar: AppBar(
          title: Text('AssetImage资源图片'),
        ),
        body: Column(
          children: [
            SizedBox(
              width: 200.0,
              height: 200.0,
              child: CircleAvatar(
                backgroundImage: AssetImage('assets/images/1.jpg'),
              ),
            ),
            Container(
              child: Image(
                width: 200.0,
                height: 200.0,
                image: AssetImage('assets/images/1.jpg')
              ),
            ),
            Image(
              image: ExactAssetImage('assets/images/1.jpg', scale: .5),
            ),
            Image.asset('assets/images/1.jpg',fit: BoxFit.cover,)
          ],
        ),
      ),
    );
  }
}