Flutter 页面布局 Flex Expanded弹性布局

  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.all(10),
      child: Row(
        children: [
          const Expanded(
              flex: 1,
              child: Text(
                "深秋冬装搭配一整套韩剧小香学院风富家千金感穿搭套装连衣裙子女深秋冬装搭配一整套韩剧小香学院风富家千金感穿搭套装连衣裙子女",
                style: TextStyle(fontSize: 16),
              )),
          Container(
            width: 60,
            height: 60,
            alignment: Alignment.center,
            decoration: BoxDecoration(
                color: Colors.blue, borderRadius: BorderRadius.circular(10)),
            child: const Text(
              "订购",
              style: TextStyle(fontSize: 20, color: Colors.white),
            ),
          )
        ],
      ),
    );
  }

Widget build(BuildContext context) {
    return ListView(
      padding:const EdgeInsets.all(10),
      children: [
        Container(
          margin:const EdgeInsets.only(bottom: 10),
          height: 200,
          child: Image.network(
            "https://www.flutterschool.cn/images/xhs/1.png",
            fit: BoxFit.cover,
          ),
        ),
        Row(
          children: [
            Expanded(
                flex: 2,
                child: SizedBox(
                  height: 210,
                  child: Image.network(
                    "https://www.flutterschool.cn/images/xhs/2.png",
                    fit: BoxFit.cover,
                  ),
                )),
            Expanded(
                flex: 1,
                child: SizedBox(
                    height: 210,
                    child: Column(
                      children: [
                        Container(
                          margin:const EdgeInsets.only(left: 10,bottom: 10),
                          height: 100,
                          child: Image.network(
                            "https://www.flutterschool.cn/images/xhs/3.png",
                            fit: BoxFit.cover,
                          ),
                        ),
                        Container(
                          margin:const EdgeInsets.only(left: 10),
                          height: 100,
                          child: Image.network(
                            "https://www.flutterschool.cn/images/xhs/4.png",
                            fit: BoxFit.cover,
                          ),
                        )
                      ],
                    ))),
          ],
        )
      ],
    );