使用幻灯片菜单中的复选框和滑块（在抽屉中），是否可能？

Question

我正试图在幻灯片中添加小部件，我不知道是否可能。我想使用幻灯片菜单作为搜索页面的过滤器选择页面。

Answer 1

对的，这是可能的。您可以将自定义布局用作Drawer小部件的子级。

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,
);
}