show firestore data array in flutter on buttons

Question

I want a show three buttons in my flutter app, and its names had on the firestore database array list document,

buttons
  0: "country 1"
  1: "country 2"
  2: "country 3"

database like this (screenshot)

Button arrange like this (screenshot)

I like to use streamBuilder for this,

Source code,

class _FrontPageState extends State<FrontPage> {
  final databaseReference = Firestore.instance;

  @override
  Widget build(BuildContext context) {
    return StreamBuilder(
      stream: databaseReference.collection('Collection').snapshots(),
      builder: (context, snapshot) {
        if (snapshot.hasData) 
          return Container(
            height: 200,
            child: SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: specialWidget(snapshot),
              ),
            ),
          );
        }
      },
    );
  }

  specialWidget(AsyncSnapshot<QuerySnapshot> snapshot) {
    return snapshot.data.documents.map((listItem) {
      return Viewer(
        imagePath: listItem['imageUrl'],
        title: listItem['recipe name'],
        likes: listItem['likes'],
        // buttons: ??,         <<<<<<<<<<<<<<<< that is the problem point
      );
    }).toList();
  }
}

please help me!

Thank you.

update this question, please check it.thank you for your response. — Geethma, May 27 '20 at 02:35
if your only problem is parsing an array of Strings to List, then you can try listItem['buttons'].cast() — VadimKo, May 27 '20 at 06:46
yes, my problem is parsing an array of String to List, Thank you I trying this. — Geethma, May 27 '20 at 11:35
thank you all of you ! my problem is solved. help full QnA, https://stackoverflow.com/questions/50441168/iterating-through-a-list-to-render-multiple-widgets-in-flutter/50451020 — Geethma, May 27 '20 at 12:04

show firestore data array in flutter on buttons

0 Answers0