基础列表组件
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('FlutterDemo')),
body: HomeContent(),
));
}
}
class HomeContent extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ListView(
padding: EdgeInsets.all(10),
children: <Widget>[
ListTile(
title: Text(
'标题标题一',
style: TextStyle(fontSize: 24), //设置标题字体大小
),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
title: Text('标题标题一'),
subtitle: Text("中基础列表组件基础列表组件基础列表组件"),
),
ListTile(
title: Text('标题标题二'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
title: Text('标题标题三'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
title: Text('标题标题四'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
title: Text('标题标题五'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
title: Text('标题标题六'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
)
],
);
}
}
运行结果
带图标列表组件
class HomeContent extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ListView(
padding: EdgeInsets.all(10),
children: <Widget>[
ListTile(
leading: Icon(Icons.access_alarm, size: 40),
title: Text(
'标题标题一',
style: TextStyle(fontSize: 24), //设置标题字体大小
),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
leading: Icon(Icons.access_alarm, size: 40),
title: Text('标题标题一'),
subtitle: Text("中基础列表组件基础列表组件基础列表组件"),
),
ListTile(
leading: Icon(Icons.wallpaper, size: 40),
title: Text('标题标题二'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
leading: Icon(Icons.sentiment_satisfied, size: 40),
title: Text('标题标题三'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
leading: Icon(Icons.access_alarm, size: 40),
title: Text('标题标题四'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
leading: Icon(Icons.search, size: 40),
title: Text('标题标题五'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
),
ListTile(
leading: Icon(Icons.save_alt, size: 40),
title: Text('标题标题六'),
subtitle: Text("Flutter ListView基础列表组件Flutter ListView基础列表组件内容"),
)
],
);
}
}