Заполните все доступное горизонтальное пространство в стеке

Question

Внутри карты у меня есть стопка с 1) изображением и 2) текстом внутри контейнера.Как я могу сделать ширину контейнера, чтобы заполнить ширину карты?

Card(
  clipBehavior: Clip.antiAlias,
  child: Stack(
    children: <Widget>[
      Positioned.fill(child: Image.network(
          image_url,
          fit: BoxFit.fitWidth,
        ),
      ),
      Positioned(
        bottom: 0,
        child: Container(
          padding: new EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
          decoration: new BoxDecoration(color: Colors.black12),
          child: Row(
            children: <Widget>[
              Text("test1"),
              Text("test2"),
              Text("test3"),
            ],
          ),
        ),
      ),
    ],
  )
);

Answer 1

Установите значения left и right равными 0, чтобы контейнер вел себя так.

Card(
  clipBehavior: Clip.antiAlias,
  child: Stack(
    children: <Widget>[
      Positioned.fill(child: Image.network(
          image_url,
          fit: BoxFit.fitWidth,
        ),
      ),
      Positioned(
        bottom: 0,
        left: 0,
        right: 0,
        child: Container(
          padding: new EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
          decoration: new BoxDecoration(color: Colors.black12),
          child: Row(
            children: <Widget>[
              Text("test1"),
              Text("test2"),
              Text("test3"),
            ],
          ),
        ),
      ),
    ],
  )
);

Answer 2

Оберните всех детей с помощью виджета Expanded.

Row(
    children: <Widget>[
        Expanded(
            child: Text("test1")
        ),
        Expanded(
            child: Text("test2")
        ),
        Expanded(
            child: Text("test3")
        ),
    ],
),

Из Расширенной документации виджетов :

Использование расширенного виджета делаетдочерний элемент строки, столбца или изгиба расширяется, чтобы заполнить доступное пространство на главной оси (например, по горизонтали для строки или по вертикали для столбца).Если развернуто несколько дочерних элементов, доступное пространство делится между ними в соответствии с коэффициентом гибкости.