通讯录卡片:  ***** ~~~ import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() => runApp(Myapp()); class Myapp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: 'home', home: Scaffold( appBar: AppBar( title: Text('home'), ), body: Home(), ), ); } } class Home extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return ListView( children: <Widget>[ Card( margin: EdgeInsets.all(10), child: Column( children: <Widget>[ ListTile( title: Text( "ONE", ), subtitle: Text("one"), ), ListTile( title: Text( "电话:xxx", ), ), ListTile( title: Text( "地址:xxx", ), ) ], ), ), Card( margin: EdgeInsets.all(10), child: Column( children: <Widget>[ ListTile( title: Text( "TWO", ), subtitle: Text("two"), ), ListTile( title: Text( "电话:xxx", ), ), ListTile( title: Text( "地址:xxx", ), ) ], ), ), Card( margin: EdgeInsets.all(10), child: Column( children: <Widget>[ ListTile( title: Text( "THREE", ), subtitle: Text("three"), ), ListTile( title: Text( "电话:xxx", ), ), ListTile( title: Text( "地址:xxx", ), ) ], ), ) ], ); } } ~~~ 图文卡片 *****  ***** ~~~ import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() => runApp(Myapp()); class Myapp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: 'home', home: Scaffold( appBar: AppBar( title: Text('home'), ), body: Home(), ), ); } } class Home extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return ListView( children: <Widget>[ Card( margin: EdgeInsets.all(10), child:Column( children: <Widget>[ AspectRatio( aspectRatio: 16/9, child: Image.network("http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi"), ), ListTile( leading: ClipOval( child: Image.network( "http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi", width: 40, height: 40, fit: BoxFit.cover, ), ), title: Text("xxx"), subtitle: Text("xxx"), ) ], ) ), Card( margin: EdgeInsets.all(10), child:Column( children: <Widget>[ AspectRatio( aspectRatio: 16/9, child: Image.network("http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi"), ), ListTile( leading: CircleAvatar( backgroundImage: NetworkImage("http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi"), ), title: Text("xxx"), subtitle: Text("xxx"), ) ], ) ), Card( margin: EdgeInsets.all(10), child:Column( children: <Widget>[ AspectRatio( aspectRatio: 16/9, // 设置子元素宽和高的比例 child: Image.network("http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi"), ), ListTile( leading: ClipOval( child: Image.network( "http://image.cdn.jiabaoleshop.com/FmE8tpe-UmJS9JUVtoHAtvBxCHTi", width: 40, height: 40, fit: BoxFit.cover, ), ), title: Text("xxx"), subtitle: Text("xxx"), ) ], ) ) ], ); } } ~~~ ***** *****