在来自 Cloud Firestore 的颤振应用程序上显示图标答案

【问题标题】：Display icons on a flutter app from cloud firestore在来自 Cloud Firestore 的颤振应用程序上显示图标
【发布时间】：2021-05-05 03:11:57
【问题描述】：

我目前正在这样显示我的图标：

Widget _buildPopupDialog(BuildContext context) {

  List<IconData> _iconsTable = [
    Icons.feedback,
    Icons.eco,
    Icons.support,
    Icons.call,
    Icons.nature_people,
    Icons.directions_bike,
  ];

  return new AlertDialog(
    content: SingleChildScrollView(
      child: new Container(
        child: GridView.count(
          children: new List.generate(6, (int index) {
            return new Positioned(
              child: new DailyButton(iconData: _iconsTable[index]),
            );
          }),
        ),
      ),
    ),

但是，我想从 Cloud Firestore 获取图标数据。我对同时使用flutter和firebase都很陌生，所以我非常不确定我将如何做到这一点。到目前为止，我已经尝试过了，但 iconData: Icons.iconsData 显然不起作用：

class MyApp3 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage3(),
    );
  }
}

class MyHomePage3 extends StatefulWidget {
  @override
  _MyHomePageState3 createState() {
    return _MyHomePageState3();
  }
}

class _MyHomePageState3 extends State<MyHomePage3> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _buildBody(context),
    );
  }

  Widget _buildBody(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: FirebaseFirestore.instance.collection('icons').snapshots(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return LinearProgressIndicator();
        return _buildList(context, snapshot.data.docs);
      },
    );
  }

  Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
    return ListView(
      children: snapshot.map((data) => _buildListItem(context, data)).toList(),
    );
  }

  Widget _buildListItem(BuildContext context, DocumentSnapshot data) {
    final record3 = Record3.fromSnapshot(data);

    var _iconsData = record3.name;

    return Padding(
      key: ValueKey(record3.name),
      child: Container(
        child: Card(
          child: new MoodButton(
              onTap: () => print("Mood"),
              iconData: Icons.iconsData,
              ),
          // trailing: Text(record3.votes.toString()),
          // onTap: () => record3.reference.update({'votes': record3.votes+1})
        ),
      ),
    );
  }
}

class Record3 {
  final String name;
  final int votes;
  final DocumentReference reference;

  Record3.fromMap(Map<String, dynamic> map, {this.reference})
      : assert(map['name'] != null),
        assert(map['votes'] != null),
        name = map['name'],
        votes = map['votes'];

  Record3.fromSnapshot(DocumentSnapshot snapshot)
      : this.fromMap(snapshot.data(), reference: snapshot.reference);

  @override
  String toString() => "Record<$name:$votes>";
}

任何帮助将不胜感激！

【问题讨论】：

IconData 是由一个 Int 值生成的，你可以通过 control + click 或者 cmd + click 进入类或者去 Flutter Dev 网站阅读。

标签： ios firebase flutter dart google-cloud-firestore

【解决方案1】：

如果有人有兴趣，我可以弄清楚：

Widget _buildListItem(BuildContext context, DocumentSnapshot data) {
    final record3 = Record3.fromSnapshot(data);

    int iconCode = record3.votes;

    return Padding(
      key: ValueKey(record3.name),
      child: Container(
        child: new Container(
          child: new ListView(
              scrollDirection: Axis.horizontal,
              children: new List.generate(1, (int index) {
                return new Positioned(
                  child: new MoodButton(
                    onTap: () => print("Mood"),
                    iconData: (IconData(iconCode, fontFamily: 'MaterialIcons')),
                  ),
                );
              })),
        ),
      ),
    );

【讨论】：