dart - Flutter:是否有可能在另一个下拉按钮满足特定要求后显示另一个下拉按钮

Question

例如这是第一个下拉按钮 For Example This is the First Dropdown抱歉，我没有足够的声誉来发布图片

标签所在的位置 选择区域另一个将显示哪些城市将成为城市下面列出的取决于上面选择的区域，有点像那样。

Answer 1

每次调用 setState 时，都会调用小部件的 build 方法，并在需要的地方重建可视化树。因此，在 DropdownButton 的 onChanged 处理程序中，将选择保存在 setState 中并有条件地添加第二个 DropdownButton。这是一个工作示例(边缘可能有点粗糙 :)):

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _selectedRegion;
  String _selectedSecond;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Something before'),
            DropdownButton<String>(
              value: _selectedRegion,
              items: ['Arizona', 'California']
                  .map((region) => DropdownMenuItem<String>(
                      child: Text(region), value: region))
                  .toList(),
              onChanged: (newValue) {
                setState(() {
                  _selectedRegion = newValue;
                });
              },
            ),
            _addSecondDropdown(),
            Text('Something after'),
          ],
        ),
      ),
    );
  }

  Widget _addSecondDropdown() {
    return _selectedRegion != null
        ? DropdownButton<String>(
            value: _selectedSecond,
            items: ['First', 'Second']
                .map((region) => DropdownMenuItem<String>(
                    child: Text(region), value: region))
                .toList(),
            onChanged: (newValue) {
              setState(() {
                _selectedSecond = newValue;
              });
            })
        : Container(); // Return an empty Container instead.
  }
}

Luke Freeman 有一篇关于 Managing visibility in Flutter 的精彩博文如果您需要更广泛/可重用的方式。