flutter图文列表,可以直接粘贴到编辑器中测试: import 'package:flutter/material.dart'; class FocusList extends StatelessWidget { const FocusList({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return ListView( padding: const EdgeInsets.all(10), children:[ Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 40, height: 40, margin: EdgeInsets.only(top: 0), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(40), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg')))), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: const EdgeInsets.only(left: 10), child: const Text("张廷玉", style: TextStyle(fontSize: 18, color: Colors.black)), ), Container( margin: const EdgeInsets.only(top: 5, left: 10), child: const Text("15分钟前", style: TextStyle(fontSize: 14, color: Colors.black)), ), ], ), ], ), Container( margin: const EdgeInsets.only(top: 5, left: 0), child: const Text("有网友询问反射给final修饰的字段设值,为啥设值会失败,之前也深入学习一下反射。", style: TextStyle(fontSize: 14, color: Colors.black)), ), Padding( padding: const EdgeInsets.fromLTRB(5, 10, 5, 5), child: Container( alignment: Alignment.centerLeft, // width: 300, height: 160, decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(5), image: const DecorationImage( image: NetworkImage( 'https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg'), fit: BoxFit.cover), ), ), ), Padding( padding: const EdgeInsets.fromLTRB(5, 0, 5, 0), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), Text("160", style: TextStyle(fontSize: 14, color: Colors.black)), ], ), Row( children: const [ Icon(Icons.add), ], ), ], ), ), ], ), ], ); } }