title: How to code dynamic FlipCard List with FutureBuilder in Flutter
body: <p>I am very new at flutter and I tried writing &quot;body: new ListView.builder.....&quot; but it does not work, I am getting always red underline. Can you help me to fix this. I am getting the data to the flipcards from json albüm so I think I must use future builder</p>
  <p>This is what it looks like, I want multiple cards according to the elements from json:</p>
  <p><img src="https://i.stack.imgur.com/fWVck.png" alt="screenshot" /></p>
  <pre><code>Widget build(BuildContext context) {
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          resizeToAvoidBottomInset: false,
          appBar: AppBar(
            title: const Center(
              child: Text(
                &quot;Main&quot;,
                style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22.0),
              ),
            ),
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(25.0),
            ),
            backgroundColor: Colors.green[600],
          ),
          body: Center(
            child: FutureBuilder&lt;Album&gt;(
              future: futureAlbum,
              builder: (context, snapshot) {
                if (snapshot.hasData) {
                  return ListView(
                    children: [
                      const SizedBox(height: 10),
                      Container(
                        margin: const EdgeInsets.all(15.0),
                        height: 200,
                        width: 350,
                        child: FlipCard(
                          direction: FlipDirection.HORIZONTAL,
                          front: Container(
                            ....................
                          ),
                          back: Container(
                           .......................
                          ),
                        ),
                      ),
                    ],
                  );
                } else if (snapshot.hasError) {
                  return ListView(
                    children: [
                      SizedBox(height: 10),
                      Container(
                        margin: const EdgeInsets.all(15.0),
                        height: 200,
                        width: 350,
                        child: FlipCard(
                          direction: FlipDirection.HORIZONTAL,
                          front: Container(
                            
                          back: Container(
                            
                          ),
                        ),
                      ),
                    ],
                  );
                }
              },
            ),
          ),
        ),
      );
    }
  </code></pre>