您现在的位置是:首页 > 网络技术网络技术

Flutter学习笔记十六——静态图片资源的访问

查看 旭日哥哥 的更多文章2021-03-16【网络技术】113人已围观

项目图片的处理

如果图片是来自网络或者说是接口返回的,我们知道可以使用Image.network('')进行处理;如果图片是在我们的项目中呢?这是我们需要使用Image.asset('');
访问项目中的静态图片资源主要需要两个步骤:

首先,在项目下创建images文件夹,将图片复制进去;

images.png

配置pubspec.yaml文件:将静态资源文件夹imagespubspec.yaml文件中声明

pubspec.png


这样就可以在代码中使用了。

import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'image.assets',
      home: Scaffold(
          appBar: AppBar(
            title: Text('静态图片资源'),
          ),
          body: Container(
              child: Column(
            children: <Widget>[
              Image.asset('images/C.jpg'),
              Image.asset('images/w.gif'),
            ],
          ))),
    );
  }}

效果如图:


Tags: flutter

文章评论

猜你喜欢

爱诚帝

V管理员
文章 320 篇 | 评论 4 次
最新文章

最新留言