以静态图片为例子:
1、在项目的根目录下创建images文件夹,放进一张图片。
2、到 pubspec.yaml 配置一下
assets:
- assets/images/bg1.png
To add assets to your application, add an assets section, like this:
assets:
- images/a_dot_burr.jpeg
- images/a_dot_ham.jpeg
main.dart
import ‘dart:io’;
import ‘package:flutter/material.dart’;
import ‘package:flutter/rendering.dart’;
import ‘dart:typed_data’;
import ‘package:flutter/services.dart’;
import ‘package:image_picker/image_picker.dart’;
void main() => runApp(MyApp());
//assets/images/bg1.png
class MyApp extends StatelessWidget {
// debugPaintSizeEnable = true;
@override
Widget build(BuildContext context) {
// debugPaintSizeEnabled = true;
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘Image示例demo’),
),
body: Center(
child: Column(
children: [
//加载网络图片
Image.network(
‘https://www.baidu.com/img/bd_logo1.png?where=super’,
width: 100.0,
height: 100.0,
),
//加载Assets/images目录下的图片
Image.asset(
‘assets/images/bg1.png’,
width: 200.0,
height: 200.0,
),
//Memory
MemoryImageWidget(),
//从文件加载图片
FileImageWidget(),
],
),
),
),
);
}
}
//stf StatefulWidget的快捷键 stl StatelessWidget的快捷键
class FileImageWidget extends StatefulWidget {
@override
_FileImageWidgetState createState() => _FileImageWidgetState();
}
class _FileImageWidgetState extends State {
File _image;
Future getImge() async {
var image = await ImagePicker.pickImage(source: ImageSource.gallery);
setState(() {
_image = image;
});
}
@override
Widget build(BuildContext context) {
return Column(
children: [
Center(
child: _image == null
-
? Text(‘未选择图片!’)
- Image.file(
_image,
width: 200.0,
height: 200.0,
),
),
FlatButton(
onPressed: getImge,
child: Text(
‘选择图片’,
style: TextStyle(
最后
现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!
上述【高清技术脑图】以及【配套的架构技术PDF】点击:Android架构视频+BAT面试专题PDF+学习笔记,或者私信回复【技能提升】即可获取!
为什么某些人会一直比你优秀,是因为他本身就很优秀还一直在持续努力变得更优秀,而你是不是还在满足于现状内心在窃喜!
Android架构师之路很漫长,一起共勉吧!