Lisiwidget3-image

Listwidget2-listile

Lisiwidget1

body: ListView(
children: <Widget>[
ListTile(
leading: Icon(Icons.favorite_border),
title: Text('favorite_border'),
trailing: Icon(Icons.arrow_forward),
),ListTile(
leading: Icon(Icons.favorite),
title: Text('favorite'),
trailing: Icon(Icons.arrow_forward),
),ListTile(
leading: Icon(Icons.ac_unit),
title: Text('ac_unit'),
trailing: Icon(Icons.arrow_forward),
),ListTile(
leading: Icon(Icons.android),
title: Text('android'),
trailing: Icon(Icons.arrow_forward),
),
Image.network("https://img1.mukewang.com/szimg/5e4644f609ffdfa312000676-360-202.png"),
Image.network("https://img2.mukewang.com/szimg/5e703f1408bd81a506000338-360-202.jpg"),
Image.network("https://img2.mukewang.com/szimg/5e5621d0092c054612000676-360-202.png"),
Image.network("https://img2.mukewang.com/szimg/5d1032ab08719e0906000338-360-202.jpg"),
Image.network("https://img2.mukewang.com/szimg/5e6b4ede09bc3b4412000676-360-202.png"),
],
),
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'hello',
home: Scaffold(
appBar: AppBar(
title: Text('flutter'),
),
body: Center(
child: new Container(
// child: new Text(
// '测试容器',
// style: TextStyle(fontSize: 25.0),
// ),
// alignment: Alignment.topLeft,
// width: 500.0,
// height: 300.0,
// //color: Colors.lightBlue,
// padding: const EdgeInsets.all(30.0),
// margin: const EdgeInsets.all(30.0),
// decoration: new BoxDecoration(
// //设置颜色渐变的效果
// gradient: const LinearGradient(
// colors: [Colors.lightBlue, Colors.purple, Colors.orange])),
// ),
child: new Image.network(
'http://q2clet0zz.bkt.clouddn.com/flutter/20191223105622.png',
scale: 2.0,
fit: BoxFit.cover,
),
width: 500.0,
height: 400.0,
color: Colors.lightBlue,
),
),
),
);
}
}
ListView列表组件
ListTile列表瓦片