flutter Error the screen overflows horizontally

Question

I want to scroll the overflowing screen horizontally. I used SingleChildScrollView, but the widget was not visible. I've tried both listview and SingleChildScrollView, but I keep getting a notification that the size of the horizontal axis is the problem. "A RenderFlex overflowed by 163 pixels on the right."

>   if (forChart)
>     Container(
>       child: SingleChildScrollView(
>         scrollDirection: Axis.horizontal,
>         child: Row(
>           children: [
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>           ],
>         ),
>       ),
>     )

enter image description here

Answer 1

>   if (forChart)
>     Container(
        height: 200,
        width:double.maxFinite
>       child: SingleChildScrollView(
>         scrollDirection: Axis.horizontal,
>         child: Row(
>           children: [
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>             Container(
>               width: 160.0,
>               color: Colors.yellow,),
>           ],
>         ),
>       ),
>     )

Wrap your container to Expanded widget if you are using column widget as parent or else provide height and width to container.