Card即卡片组件块,内容可以由大多数类型的Widget构成,但通常和ListTitle一起使用,Card有一个child,但它可以是支持多个child的列、行、网格或其他小部件。默认情况下,Card将其大小缩小为0像素,你可以使用SizeBox来限制Card的大小,在Flutter中,Card具有圆角和阴影。
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
void main() => runApp(DemoApp());
class DemoApp extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement build
return new MaterialApp(
title: 'TextField And Card Demo',
home: Scaffold(
appBar: AppBar(
title: new Text('TextField And Card Demo'),
),
body: Center(
child: new SizedBox(
height: 360,
child: Card(
color: Colors.white,
margin: EdgeInsets.only(left: 20,top: 0,right: 20,bottom: 0),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),//设置圆角
child: Column(
children: <Widget>[
new ListTile(
leading: Icon(Icons.add_circle_outline),
title: new Text('TextField And Card Demo1'),
subtitle: new Text('副标题1'),
),
new Divider(),
new ListTile(
leading: Icon(Icons.add_circle_outline),
title: new Text('TextField And Card Demo2'),
subtitle: new Text('副标题2'),
onTap: (){
},
),
new Divider(),
new ListTile(
leading: Icon(Icons.add_circle_outline),
title: new Text('TextField And Card Demo3'),
subtitle: new Text('副标题3'),
),
new Divider(),
new ListTile(
leading: Icon(Icons.add_circle_outline),
title: new Text('TextField And Card Demo4'),
subtitle: new Text('副标题4'),
),
new Divider(),
],
),
),
),
)
),
);
}
}