Flutter-11-卡片组件布局

import 'package:flutter/material.dart';
void main () => runApp(MyApp());

class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context ){
var card = new Card(
child: Column(
children: <Widget>[
ListTile(
title:new Text('水电费水电费',style: TextStyle(fontWeight: FontWeight.w500),),
subtitle: new Text('wqeqwe'),
leading: new Icon(Icons.account_box,color: Colors.lightBlue,),
),
new Divider(),
ListTile(
title:new Text('请问请问请问',style: TextStyle(fontWeight: FontWeight.w500),),
subtitle: new Text(':wqeqw'),
leading: new Icon(Icons.account_box,color: Colors.lightBlue,),
),
new Divider(),
ListTile(
title:new Text('123123123',style: TextStyle(fontWeight: FontWeight.w500),),
subtitle: new Text('213123'),
leading: new Icon(Icons.account_box,color: Colors.lightBlue,),
),
new Divider(),

       ],
     ),
  
  );
  return MaterialApp(
    title:'ListView widget',
    home:Scaffold(
      appBar:new AppBar(
        title:new Text('卡片布局'),
      ),
      body:Center(child:card),
    ),
  );

}
}

猜你喜欢

转载自blog.csdn.net/weixin_33973609/article/details/90774783