Flutter：Row 在 Wrap 內跨行

Question

假設我們有：

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

其輸出將是：

注意每個Row是如何占據整條線的

我該如何解決這個問題並使它們並排？

Answer 1

你應該用FittedBox包裹你的Row ，這將使它們只消耗它們需要的空間，所以你的代碼應該是這樣的：

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

你的輸出將是這樣的：