flutter - Flutter从Firestore阵列填充下拉按钮

Question

如何将此数组列表填充到下拉按钮中？

我想将此位置列表填充到下拉按钮。
[这是我的数据库的样子]
/image/S5yDh.png

Answer 1

我知道，回答您的问题为时已晚。但是也许，我是给寻求答案的任何人的。
只需使用streambuilder在下拉菜单中流式传输Firestore数据即可。
这是我的示例:

      StreamBuilder(
      stream: Firestore.instance.collection('your collectionName').document('yourDocument').snapshots(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) {
          return textCustom('Loading', Colors.black87, 16, 'Montserrat');
        } else {
          final data = snapshot.data['data'];
          return Theme(
            data: Theme.of(context).copyWith(
              canvasColor: Color(0xFF221F1F),
            ),
            child: DropdownButtonFormField(
              style: TextStyle(color: Colors.white70),                                               
              value: _value,
              items: data
                  .map<DropdownMenuItem<String>>(
                    (x) => DropdownMenuItem(
                      child: textCustom(
                          x, Colors.white, 16, 'Montserrat'),
                      value: '${x}',
                    ),
                  )
                  .toList(),
             
              onChanged: (val) => setState(() {
                _value = val;
           
              }),
            ),
          );
        }
      },
    )