Using checkbox and sliders in slide menu (in Drawer), is it possible? - checkbox

Question

I'm trying to add widgets inside a slide menu in flutter, I don't know if it's possible or not. I want to use the slide menu as filter selection page for a search page.

Answer 1

Yes, it is possible. You can use Custom layout as a child of Drawer widget.
drawer: new Drawer(
child: new Container(
padding: new EdgeInsets.all(32.0),
child: new Column(
children: <Widget>[
ListTile(
title: Text('Select Language', style: TextStyle(fontSize: 16),),
onTap: null,
),
_drawerItemLanguage(),
itemDivider(),
ListTile(
title: Text('Select Price :'+sliderValue.toString(), style: TextStyle(fontSize: 16),),
onTap: null,
),
_drawerItemRandeSlider(),
],
),
),
),
Widget _drawerItemLanguage(){
return Column(
children: <Widget>[
CheckboxListTile(
title: Text("English"),
value: selectedData,
onChanged: (bool value){
setState(() {
selectedData = value;
});
},
secondary: Icon(Icons.language),
),
CheckboxListTile(
title: Text("Hindi"),
value: filledData,
onChanged: (bool value){
setState(() {
filledData = value;
});
},
secondary: Icon(Icons.language),
),
],
);
}
Widget _drawerItemRandeSlider(){
return ListTile(
leading: Text("0"),
contentPadding: EdgeInsets.only(top: 20.0),
title: Slider(
value: sliderValue,
min: 0.0,
max: 100.0,
onChanged: (value){
setState(() {
sliderValue = value;
});
},
activeColor: Colors.green,
//inactiveColor: Colors.red,
divisions: 100,
label: sliderValue.toString(),
),
trailing: Text("100"),
);
}
itemDivider(){
return Divider(
height: 1,
color: Colors.black,
);
}