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;
           
              }),
            ),
          );
        }
      },
    )