使用分隔符的颤振组列表视图

import "package:Flutter/material.dart";
import 'package:Meta/Meta.dart';

class Test extends StatefulWidget {
  @override
  _TestState createState() => new _TestState();
}

class _TestState extends State<Test> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Test"),),body: new ListView.builder(
        // itemCount: myData.lenght(),itemCount: 20,itemBuilder: (BuildContext context,int indeX) {
            //sort my data by timestamp before building
            return new CustomWidget(date: "Convert my time stamp to date",content: "My Awesome Content",TrailingIconOne: new Icon(Icons.share,color: Colors.blueAccent,TrailingIconTwo: new Icon(
                Icons.favorite,color: Colors.redAccent,);
          }),);
  }
}

class CustomWidget extends StatelessWidget {
  String date;
  String content;

  Icon TrailingIconOne;

  Icon TrailingIconTwo;

  CustomWidget(
      {@required this.date,@required this.content,@required this.TrailingIconOne,@required this.TrailingIconTwo});

  @override
  Widget build(BuildContext context) {
    return new Container(
      decoration: new BoxDecoration(
          border: new Border.all(color: Colors.grey[500])
      ),child: new column(
        children: <Widget>[
          new Container (child: new Text(datE),color: Colors.yellow[200],new Container(height: 15.0,new Text(content),new Row(
            mainAxisAlignment: MainAxisAlignment.end,children: <Widget>[
              new IconButton(icon: TrailingIconOne,onPressed: () {}),new Container(width: 10.0,new IconButton(icon: TrailingIconTwo,onPressed: () {})
            ],)
        ],);
  }
}

为了更好的设计,您可以摆脱边框并使用分隔符：

return new Container(
      child: new column(
        children: <Widget>[
          new column (children: <Widget>[
            new Container (child: new Text(datE),new Row(
              mainAxisAlignment: MainAxisAlignment.end,children: <Widget>[
                new IconButton(icon: TrailingIconOne,],new Divider(height: 15.0,color: Colors.red,

在我看来,更好的视觉解决方案是使用卡而不是容器,

return new Card(
      child: new column(
        children: <Widget>[
          new column (children: <Widget>[
            new Container (child: new Text(datE),//  new Divider(height: 15.0,);