dart - 如何在文本中有一个小部件？

Question

我正在创建一个小部件，并希望在 Flutter 中的一串文本之间有一个下拉菜单。如何在 Flutter 中实现类似于图像显示的内容？

Answer 1

我认为这就是您所需要的。您可以创建自定义小部件，这样您就不必总是编写代码。

class _MyHomePageState extends State<MyHomePage> {

  String selectedItem = 'withdraw';
  Widget build(BuildContext context) {
    return new Scaffold(
      body: Center(
          child: Wrap(
            alignment: WrapAlignment.center,
            crossAxisAlignment: WrapCrossAlignment.center,
            children: <Widget>[
              Text('Enemy troops chose to '),
              DropdownButton<String>(
                value: selectedItem,
                items: [
                  DropdownMenuItem<String>(
                    value: 'withdraw',
                    child: Text('withdraw'),
                  ),
                  DropdownMenuItem<String>(
                    value: 'adverse',
                    child: Text('adverse'),
                  ),
                  DropdownMenuItem<String>(
                    value: 'celebrate',
                    child: Text('celebrate'),
                  ),
                ],
                onChanged: (item) {
                  selectedItem = item;
                  setState(() {});
                },
              ),
              Text(' to their camps, planning a new attack strategy.'),
            ],
          ),
        ),
    );
  }
}