flutter - Flutter Wrap 小部件：对内容小部件进行分组

Question

我希望能够将一个Text小部件和一个Radio小部件分组，这样当我将它们放在一个Wrap小部件中（以及许多其他小部件）时，如果Radio需要将组件包装到下一行/行，那么它没有与小部件分离Text，它们都一起移动到下一行/行。

请问如何在 Flutter 中实现这一点？

谢谢。

标签： flutterflutter-layout

Answer 1

使用Wrap小部件时，您可以将您的Text和分组Radio到一个Row小部件中，以使它们始终保持在一起。

您还需要给mainAxisSize: MainAxisSize.min您的Row小部件以让其他小部件在它旁边呈现。

Wrap(           
  children: <Widget>[
    Text('Sample text', style: TextStyle(fontSize: 20)),
    Text('Sample text', style: TextStyle(fontSize: 20)),
    Text('Sample text', style: TextStyle(fontSize: 20)),
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Radio(value: true, groupValue: true),
        Text('Radio Title', style: TextStyle(fontSize: 20))
      ],
    ),
    Text('Sample text', style: TextStyle(fontSize: 20)),
  ],
)