I have a ListView widget and i would like to allow it to be scrollable or not based on some logic.
NeverScrollableScrollPhysics prevents scrolling, but since physics parameter is final i can't change it afterwards.
I thought to use state to rebuild the ListView using different physics, but i guess is a quite heavy operation to rebuild the entirely ListView.
Does anyone knows or how to deal with this situation, where the user should not scroll a ListView until other user action got accomplished?
You can apply the physics conditionally in your ListView:
shrinkWrap: true,
physics: !isScrolable? const NeverScrollableScrollPhysics():
const AlwaysScrollableScrollPhysics(),
Then when you need you can change the state modifying the value of your variable.
setState(() {
isScrolable = !isScrolable;
});
Changing physics and using setState should do the trick, in case you don't want to use that, you can use Stack widget and put a Container above your ListView to avoid interaction, check this sample I made:
class _MySampleWidgetState extends State<MySampleWidget> {
bool scrollEnabled = true;
@override
Widget build(BuildContext context) {
return Column(
children: [
Expanded(
child: Center(
child: RaisedButton(
onPressed: () {
setState(() {
scrollEnabled = !scrollEnabled;
});
},
child: Text("Update"),
),
),
),
Expanded(
child: Stack(
children: [
ListView.builder(
shrinkWrap: true,
itemBuilder: (_, index) => ListTile(
title: Text("index: $index"),
),
),
if (!scrollEnabled)
Container(
color: Colors.transparent,
),
],
),
),
],
);
}
}
