title: How do i return expanded widgets from ListView.builder?
body: <p>I have tried to return a list of widgets in horizontal direction, i want to expand widgets width dynamically. how can i achieve this. (Note: ListView.builder placed inside column)</p>
  
  <pre><code>ListView.builder(
      shrinkWrap: true,
      scrollDirection: Axis.horizontal,
      itemCount: widget.playType.length,
      itemBuilder: (BuildContext context, int index) {
        return Flex(
          direction: Axis.horizontal,
          children: &lt;Widget&gt;[
            Flexible(
              child: InkWell(
                onTap: () {},
                child: Container(
                  padding: EdgeInsets.only(left: 10, right: 10),
                  color: colorSubMenuBg,
                  height: 45,
                  child: Align(
                    alignment: Alignment.center,
                    child: Text(
                      widget.playType[index],
                      style: CustomTextStyle.listTile4(context),
                    ),
                  ),
                ),
              ),
            ),
          ],
        );
      });
  </code></pre>
  
  <p><strong>Expected output should be like this highlighted part:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/NcjSM.png" alt="enter image description here"></p>