连续取所有真实剩余空间

Question

我想在 Flutter 中创建一个带有头像和一些文本的

Row

。目前，文本使用

Expanded

占据所有剩余水平空间。我想在下面的示例中去掉左侧的空格。

我尝试过使用

Stack

，但它们以这种方式相互重叠，这不是我想要的。有没有可能的方法让我的

Expanded

垂直占据头像后面的所有空间？期望的结果是：

我当前的代码是这样的：

Row(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      Container(
        child: Container(
          width: 45,
          height: 45,
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(50),
          ),
          child: Center(
            child: Image.asset('image.png'),
          ),
        ),
      context.smallGap,
      Expanded(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'Atlas',
            ),
            Text(
              'Rest of the text..',
            ),
          ],
        ),
      ),
    ],
  ),

Answer 1

你应该做的是将图像和文本（专栏）Atlas & Flutter Learning Roadmap 放在一起 那么该行应该与其他文本一起位于列内。

类似以下内容

Column([
  Row ([image, Column(Atlas, Flutter Learning Roamap)]),
  Phase 1...
  Flutter....
])