title: How to display text below the image?
body: <p>i'm trying to display text of each picture below to that picture in an alertdialog like rating a score. I tried to use stack widget and this is the result <a href="https://i.stack.imgur.com/QGlGD.jpg" rel="nofollow noreferrer">the result</a>. Text is in front of the picture and not display below th picture but i just want it to display below the picture. How can I do it correctly?</p>
  <pre><code>@override
    Widget build(BuildContext context) {
      return Container(
          height: 60,
          width: MediaQuery.of(context).size.width*0.75,
          child: ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: pic.length,
              itemBuilder: (context, index) {
                return  Container(
                  margin: const EdgeInsets.only(right: 10),
                   child: InkWell(
                          onTap: () {
                          },
                           child: Stack(
                  children: &lt;Widget&gt; [
                        Image.asset('assets/images/'+pic[index].toString()+'.png', height: 70, width: 70,),
                      Text(pic[index].toString())
                  ])));
              }));   
    }
  
  } 
  </code></pre>