一、竖直方向列表

  1. class ContentView extends StatelessWidget{
  2. @override
  3. Widget build(BuildContext context) {
  4. return Center(
  5. child: ListView( // ListView必须得放到一个容器中,否则会报错
  6. children: <Widget>[ // 里面可以放任何组件
  7. ListTile(
  8. leading: (
  9. Image.asset("images/1.png")
  10. ),
  11. trailing: Icon(
  12. Icons.accessibility
  13. ),
  14. title: Text("你好你好你好"),
  15. subtitle: Text("你好,我是二级标题"),
  16. ),
  17. ListTile(
  18. leading: Icon(
  19. Icons.home
  20. ),
  21. title: Text("你好你好你好"),
  22. subtitle: Text("你好,我是二级标题"),
  23. ),
  24. ListTile(
  25. leading: Icon(
  26. Icons.web
  27. ),
  28. title: Text("你好你好你好"),
  29. subtitle: Text("你好,我是二级标题"),
  30. ),
  31. ListTile(
  32. leading: Icon(
  33. Icons.access_alarm
  34. ),
  35. title: Text("你好你好你好"),
  36. subtitle: Text("你好,我是二级标题"),
  37. ),
  38. ],
  39. ),
  40. );
  41. }
  42. }

二、水平方向列表

  1. class ContentView extends StatelessWidget{
  2. @override
  3. Widget build(BuildContext context) {
  4. return SizedBox(
  5. height: 100,
  6. child: ListView(
  7. scrollDirection: Axis.horizontal, // 调整列表方向为水平
  8. // reverse: true,
  9. children: <Widget>[ // 里面可以放任何组件
  10. Container(
  11. width: 100,
  12. color: Colors.red,
  13. ),
  14. Container(
  15. width: 100,
  16. color: Colors.yellow
  17. ),
  18. Container(
  19. width: 100,
  20. color: Colors.green
  21. ),
  22. Container(
  23. width: 100,
  24. color: Colors.black
  25. )
  26. ],
  27. ),
  28. );
  29. }
  30. }