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列表瓦片