顫振在列內擴展行

我有以下布局：

Row -> 
  Column
  Padding ->
     Column ->
         Row ->// this one is only taking as much space as it needs
           Text
           Image
         Text
         Row

我需要第二列中的行來獲取它所包含的列的整個寬度。無論我多么尋找將不同小部件包裝到其中的答案Flexible并且Expanded無濟于事。

這是代碼：

Padding(
        padding: const EdgeInsets.all(10.0),
        child: Row(
          children: [
            Column(
              children:  [
                CircleAvatar(
                  radius: 25,
                  child: Image(
                    image: getCategoryImage(task.type),
                  ),
                )
              ],
            ),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 8.0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    // mainAxisSize: MainAxisSize.max,
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(task.title, style: Theme.of(context).textTheme.headlineMedium,),
                      const Image(
                          width: 20, image: AssetImage("assets/icons/task/tickbox.png"))
                    ],
                  ),
                  Text(generateBirdList(task.assignedBirds), style: Theme.of(context).textTheme.titleSmall,),
                  Row(
                    children: [

                    ],
                  )
                ],
              ),
            ),
          ],
        ),
      ),

uj5u.com熱心網友回復：

Container(
        color: Colors.amber,
        padding: const EdgeInsets.all(10.0),
        child: Row(
          children: [
            Container(
              color: Colors.blueAccent,
              child: CircleAvatar(
                radius: 25,
                child: Image.network(
                  "https://st.depositphotos.com/1909187/2297/i/950/depositphotos_22971972-stock-photo-blank-white-male-head-front.jpg",
                ),
              ),
            ),
            Expanded(
              child: Container(
                color: Colors.green,
                padding: const EdgeInsets.symmetric(horizontal: 8.0),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Row(
                      // mainAxisSize: MainAxisSize.max,
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text(
                          "task.title",
                          style: Theme.of(context).textTheme.headlineMedium,
                        ),
                        Image.network(
                          "https://st.depositphotos.com/1909187/2297/i/950/depositphotos_22971972-stock-photo-blank-white-male-head-front.jpg",
                          width: 20,
                        )
                      ],
                    ),
                    Text(
                      "Bla bla bla text",
                      style: Theme.of(context).textTheme.titleSmall,
                    ),
                    Row(
                      children: [],
                    )
                  ],
                ),
              ),
            ),
          ],
        ),
      ),

標籤：扑镖

上一篇：在Typescript中使用多個字串陣列

下一篇：引數型別“物件”不能分配給引數型別字串