flutter - 颤振：行正在包裹内踩一行

Question

假设我们有：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Wrap(
      children: [
        Row(
          children: [
            Text('a'),
          ],
        ),
        Row(
          children: [
            Text('b'),
          ],
        ),
      ],
    );
  }
}

其输出将是：

注意每个Row's 如何占据一整行

我该如何解决这个问题并将它们并排放置？

标签： flutterdartlayoutflutter-layout

Answer 1

你应该用 包装你Row的FittedBox，这将使他们只消耗他们需要的空间，所以你的代码应该是这样的：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Wrap(
      children: [
        FittedBox(
          child: Row(
            children: [
              Text('a'),
            ],
          ),
        ),
        FittedBox(
          child: Row(
            children: [
              Text('b'),
            ],
          ),
        ),
      ],
    );
  }
}

你的输出将是这样的：