flutter - scrolling listview inside listview builder
up vote
0
down vote
favorite
I have a 'Filter' and below that is a list of soccer matches. I Wrap 'Filter and' listview builder' with a ListView (so that the overload writing under blablabla is resolved). But there is something strange when you scroll normally. scroll to the list that doesn't work. there is only a 'glow effect', but I scroll from the 'Filter menu' above, the scroll works. How do I make the scroll run normally?
My snipped code:
Widget _buildListView(FixtureModel model, BuildContext context) {
return Container(
child: model.getFixturesCount() == 0
? Center(child: Text('No fixtures found'))
: ListView(
shrinkWrap: true,
children: <Widget>[
Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 10.0),
child: InkWell(
onTap: () => _onTap(context),
child: Container(
margin:
EdgeInsets.only(top: 5.0, bottom: 5.0),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 5.0),
child:
Icon(FontAwesomeIcons.github)),
Container(
padding: EdgeInsets.only(left: 15.0),
child: Text(
'Liga Premier Inggris',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500),
),
),
Container(
padding: EdgeInsets.only(
left: 5.0, top: 2.0),
child: Icon(Icons.arrow_drop_down,
size: 17.0))
],
)),
)),
Container(
padding: EdgeInsets.only(top: 3.0),
child: Text(
'4',
style:
TextStyle(fontSize: 13.0, color: Colors.grey),
),
),
IconButton(
iconSize: 20.0,
icon: Icon(
FontAwesomeIcons.calendarAlt,
color: Colors.blue,
),
onPressed: () {})
],
),
Divider(
height: 0.0,
),
Container(
padding: EdgeInsets.only(top: 2.0),
child: ListView.builder(
shrinkWrap: true,
itemCount: model.fixtureList == null
? 0
: model.getFixturesCount(),
itemBuilder: (context, int i) {
var fixture = model.fixtureList[i];
return FixtureListItem(fixture: fixture);
},
))
],
)
],
));
}
list listview
dart 
flutter asked Nov 5 at 2:08
Muhammad Imanudin
5311
add a comment |
up vote
0
down vote
favorite
I have a 'Filter' and below that is a list of soccer matches. I Wrap 'Filter and' listview builder' with a ListView (so that the overload writing under blablabla is resolved). But there is something strange when you scroll normally. scroll to the list that doesn't work. there is only a 'glow effect', but I scroll from the 'Filter menu' above, the scroll works. How do I make the scroll run normally?
My snipped code:
Widget _buildListView(FixtureModel model, BuildContext context) {
return Container(
child: model.getFixturesCount() == 0
? Center(child: Text('No fixtures found'))
: ListView(
shrinkWrap: true,
children: <Widget>[
Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 10.0),
child: InkWell(
onTap: () => _onTap(context),
child: Container(
margin:
EdgeInsets.only(top: 5.0, bottom: 5.0),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 5.0),
child:
Icon(FontAwesomeIcons.github)),
Container(
padding: EdgeInsets.only(left: 15.0),
child: Text(
'Liga Premier Inggris',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500),
),
),
Container(
padding: EdgeInsets.only(
left: 5.0, top: 2.0),
child: Icon(Icons.arrow_drop_down,
size: 17.0))
],
)),
)),
Container(
padding: EdgeInsets.only(top: 3.0),
child: Text(
'4',
style:
TextStyle(fontSize: 13.0, color: Colors.grey),
),
),
IconButton(
iconSize: 20.0,
icon: Icon(
FontAwesomeIcons.calendarAlt,
color: Colors.blue,
),
onPressed: () {})
],
),
Divider(
height: 0.0,
),
Container(
padding: EdgeInsets.only(top: 2.0),
child: ListView.builder(
shrinkWrap: true,
itemCount: model.fixtureList == null
? 0
: model.getFixturesCount(),
itemBuilder: (context, int i) {
var fixture = model.fixtureList[i];
return FixtureListItem(fixture: fixture);
},
))
],
)
],
));
}
list listview
dart flutter asked Nov 5 at 2:08
Muhammad Imanudin
5311
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a 'Filter' and below that is a list of soccer matches. I Wrap 'Filter and' listview builder' with a ListView (so that the overload writing under blablabla is resolved). But there is something strange when you scroll normally. scroll to the list that doesn't work. there is only a 'glow effect', but I scroll from the 'Filter menu' above, the scroll works. How do I make the scroll run normally?
My snipped code:
Widget _buildListView(FixtureModel model, BuildContext context) {
return Container(
child: model.getFixturesCount() == 0
? Center(child: Text('No fixtures found'))
: ListView(
shrinkWrap: true,
children: <Widget>[
Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 10.0),
child: InkWell(
onTap: () => _onTap(context),
child: Container(
margin:
EdgeInsets.only(top: 5.0, bottom: 5.0),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 5.0),
child:
Icon(FontAwesomeIcons.github)),
Container(
padding: EdgeInsets.only(left: 15.0),
child: Text(
'Liga Premier Inggris',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500),
),
),
Container(
padding: EdgeInsets.only(
left: 5.0, top: 2.0),
child: Icon(Icons.arrow_drop_down,
size: 17.0))
],
)),
)),
Container(
padding: EdgeInsets.only(top: 3.0),
child: Text(
'4',
style:
TextStyle(fontSize: 13.0, color: Colors.grey),
),
),
IconButton(
iconSize: 20.0,
icon: Icon(
FontAwesomeIcons.calendarAlt,
color: Colors.blue,
),
onPressed: () {})
],
),
Divider(
height: 0.0,
),
Container(
padding: EdgeInsets.only(top: 2.0),
child: ListView.builder(
shrinkWrap: true,
itemCount: model.fixtureList == null
? 0
: model.getFixturesCount(),
itemBuilder: (context, int i) {
var fixture = model.fixtureList[i];
return FixtureListItem(fixture: fixture);
},
))
],
)
],
));
}
list listview
dart flutter asked Nov 5 at 2:08
Muhammad Imanudin
5311
I have a 'Filter' and below that is a list of soccer matches. I Wrap 'Filter and' listview builder' with a ListView (so that the overload writing under blablabla is resolved). But there is something strange when you scroll normally. scroll to the list that doesn't work. there is only a 'glow effect', but I scroll from the 'Filter menu' above, the scroll works. How do I make the scroll run normally?
My snipped code:
Widget _buildListView(FixtureModel model, BuildContext context) {
return Container(
child: model.getFixturesCount() == 0
? Center(child: Text('No fixtures found'))
: ListView(
shrinkWrap: true,
children: <Widget>[
Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 10.0),
child: InkWell(
onTap: () => _onTap(context),
child: Container(
margin:
EdgeInsets.only(top: 5.0, bottom: 5.0),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 5.0),
child:
Icon(FontAwesomeIcons.github)),
Container(
padding: EdgeInsets.only(left: 15.0),
child: Text(
'Liga Premier Inggris',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500),
),
),
Container(
padding: EdgeInsets.only(
left: 5.0, top: 2.0),
child: Icon(Icons.arrow_drop_down,
size: 17.0))
],
)),
)),
Container(
padding: EdgeInsets.only(top: 3.0),
child: Text(
'4',
style:
TextStyle(fontSize: 13.0, color: Colors.grey),
),
),
IconButton(
iconSize: 20.0,
icon: Icon(
FontAwesomeIcons.calendarAlt,
color: Colors.blue,
),
onPressed: () {})
],
),
Divider(
height: 0.0,
),
Container(
padding: EdgeInsets.only(top: 2.0),
child: ListView.builder(
shrinkWrap: true,
itemCount: model.fixtureList == null
? 0
: model.getFixturesCount(),
itemBuilder: (context, int i) {
var fixture = model.fixtureList[i];
return FixtureListItem(fixture: fixture);
},
))
],
)
],
));
}
list listview
dart flutter list listview
dart flutter asked Nov 5 at 2:08
Muhammad Imanudin
5311
asked Nov 5 at 2:08
Muhammad Imanudin
5311
asked Nov 5 at 2:08
Muhammad Imanudin
5311
asked Nov 5 at 2:08
Muhammad Imanudin
5311
asked Nov 5 at 2:08
Muhammad Imanudin
5311
5311
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17
add a comment |
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
In your ListView add:
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
To take Out Filter From ListView: remove physics: NeverScrollableScrollPhysics(), then in ListView
body: Column(
children: <Widget>[
Filter(),
Expanded(
child: ListView()
),
]
)
answered Nov 5 at 5:19
anmol.majhail
857110
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
In your ListView add:
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
To take Out Filter From ListView: remove physics: NeverScrollableScrollPhysics(), then in ListView
body: Column(
children: <Widget>[
Filter(),
Expanded(
child: ListView()
),
]
)
answered Nov 5 at 5:19
anmol.majhail
857110
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
add a comment |
up vote
1
down vote
accepted
In your ListView add:
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
To take Out Filter From ListView: remove physics: NeverScrollableScrollPhysics(), then in ListView
body: Column(
children: <Widget>[
Filter(),
Expanded(
child: ListView()
),
]
)
answered Nov 5 at 5:19
anmol.majhail
857110
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
In your ListView add:
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
To take Out Filter From ListView: remove physics: NeverScrollableScrollPhysics(), then in ListView
body: Column(
children: <Widget>[
Filter(),
Expanded(
child: ListView()
),
]
)
answered Nov 5 at 5:19
anmol.majhail
857110
In your ListView add:
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
To take Out Filter From ListView: remove physics: NeverScrollableScrollPhysics(), then in ListView
body: Column(
children: <Widget>[
Filter(),
Expanded(
child: ListView()
),
]
)
answered Nov 5 at 5:19
anmol.majhail
857110
edited Nov 5 at 6:39
answered Nov 5 at 5:19
anmol.majhail
857110
answered Nov 5 at 5:19
anmol.majhail
857110
answered Nov 5 at 5:19
anmol.majhail
857110
857110
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
add a comment |
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
Wow ... cool, thanks you for your help. one thing, is it possible that the 'filter' is standing upright then when the scroll is just a list that moves?
– Muhammad Imanudin
Nov 5 at 6:18
1
1
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
Yes Move the Filter Out of ListView, In Column 1st Widget - Filter 2nd Listview. body: Column children: <Widget>[Filter(),Expanded (ListView())] i Updated answer with Code
– anmol.majhail
Nov 5 at 6:37
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
nice dude.. you save my day, very much help.
– Muhammad Imanudin
Nov 5 at 7:28
add a comment |
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53147429%2fflutter-scrolling-listview-inside-listview-builder%23new-answer', 'question_page');
}
);
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
In your ListView -add shrinkWrap: true, physics: NeverScrollableScrollPhysics()
– anmol.majhail
Nov 5 at 5:17