//引入库
import 'package:flutter/material.dart';
//主函数
void main() => runApp(MyApp());
//类,继承无状态组件
class MyApp extends StatelessWidget {
//重写函数
@override
//返回值为Widget类型
Widget build(BuildContext context) {
//对应函数类型返回值
return MaterialApp(
//dart结构,title和home
title: 'flutter study',
//home,故用脚手架
home: Scaffold(
//顶上一个appBar
appBar: AppBar(
title: Text('welcome to flutter'),
),
//中间是身体
body: Center(
//容器
child: Container(
//图片
child: new Image.network(
'http://s1.52poke.wiki/wiki/thumb/0/0d/025Pikachu.png/260px-025Pikachu.png',
//contain:尽量充满容器但保持图片比例
//fill:尽量充满容器,即便需要拉伸比例
//fitWidth:横向充满,保持比例
//fitHeight:纵向充满,保持比例
//cover:充满尺寸较大的边,保持比例
//fit: BoxFit.contain,
//叠加图片颜色
//color: Colors.red,
//图片色调
// colorBlendMode: BlendMode.darken,
//图片重复
// repeat: ImageRepeat.repeat,
),
height: 200,
width: 300,
color: Colors.red,
),
),
),
);
}
}
运行效果: