【Flutter】Flutter 资源文件使用 ( 导入资源图片 | 使用图片资源 )（二）-阿里云开发者社区

【Flutter】Flutter 资源文件使用 ( 导入资源图片 | 使用图片资源 )（二）

2022-01-29 136

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【Flutter】Flutter 资源文件使用 ( 导入资源图片 | 使用图片资源 )（二）

三、完整代码示例

完整代码示例 :

import 'package:flutter/material.dart';
class ResourcePage extends StatefulWidget {
  @override
  _ResourcePageState createState() => _ResourcePageState();
}
class _ResourcePageState extends State<ResourcePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "资源文件使用",
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(
          title: Text("资源文件使用"),
          leading: GestureDetector(
            onTap: (){
              Navigator.pop(context);
            },
            child: Icon(Icons.arrow_back_ios),
          ),
        ),
        body: Container(
          // 居中显示
          alignment: Alignment.center,
          // 垂直线性布局
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Image(
                width: 200,
                height: 200,
                image: AssetImage("images/hunter.png"),
              )
            ],
          ),
        ),
      ),
    );
  }
}