I want two list view with same area in single screen, how can I set it up?

Question

 @override
  Widget build(BuildContext context) {
    new Scaffold(
      appBar: new AppBar(title: new Text("Demo Project")),
      body: new Padding(
        padding: new EdgeInsets.all(10.0),
        child: new Column(
          children: <Widget>[
            new ListView(children: getDemolist()),
            new ListView(children: getDemolisttwo())
          ],
        ),
      ),
    );
  }

All two list view will display in same area in responsive way.

score 6 · Answer 1 · answered Jan 10 '23 at 03:03

6

Use Flexible and you can change flex property in it, just like Expanded.

Column(
  children: <Widget>[
    Flexible(child: getDemolist()),
    Flexible(child: getDemolisttwo()),
  ],
)

answered Jan 10 '23 at 03:03

Nehil Koshiya

1
2
6
23

Mediaquery is an alternative: https://stackoverflow.com/questions/54919882/divide-screen-into-two-equal-parts-in-flutter – Eric Martin Jan 10 '23 at 03:14
1

yes, of course. but the use of Flexible & Expanded is a more efficient way. – Nehil Koshiya Jan 10 '23 at 03:15

I want two list view with same area in single screen, how can I set it up?

1 Answers1