• flutter图文列表


    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),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ],
        );
      }
    }
    

     

  • 相关阅读:
    独立站建站需要考虑的关键功能有哪些
    河南工业大学人工智能与大数据学院学子在第三届“火焰杯”软件测试开发选拔赛中 取得佳绩
    关于js_事件委托(代理)的介绍和简单使用
    antd框架——实现自定义菜单功能——技能提升
    LINUX 基本命令
    Vue学习
    蔚来汽车智能座舱Java面经(23 秋招提前批)
    20221125使用PR2023自动识别obs-studio录屏生成的MKV视频的字幕
    Mysql安装 终端配置 navicat连接
    漏刻有时物联网刷脸支付可视化大屏(柱图、支付统计、数字滚动插件numberAnimate.js、jquery.liMarquee.js插件、横向滚动字幕代码)
  • 原文地址:https://blog.csdn.net/a506602491/article/details/126917265