Flutter 如何在导航抽屉内添加可扩展菜单项？

Question

我想将可扩展菜单添加到 drawer 个 flutter 项目。我怎样才能在颤振中实现这个功能。如果有任何示例或博客，请指出正确的方向。

Answer 1

您必须向抽屉子项属性传递一个 ListView，然后您可以在该 ListView 中使用 ExpansionTile。那看起来像这样：

Drawer(
  child: ListView(
    children: <Widget>[
      ExpansionTile(
        title: Text("Expansion Title"),
        children: <Widget>[Text("children 1"), Text("children 2")],
      )
    ],
  ),
);

Answer 2

您必须向抽屉子项属性传递一个 ListView，然后您可以在该 ListView 中使用 ExpansionTile。那看起来像这样：

ExpansionTile(
              title: Text('Categories'),
              leading: Icon(Icons.view_list),
              children: <Widget>[
                GestureDetector(
                  child: SizedBox(
                    width: 250,
                    height: 35,
                    child: Container(
                      decoration: BoxDecoration(
                      color: Colors.black26,
                      borderRadius: BorderRadius.circular(15),
                      ),
                        child: Card(child: Center(child: Text("Shalwar kameez"))))),
                onTap: (){},
                ),
                SizedBox(height: 7,),
                 GestureDetector(
                   child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                        decoration: BoxDecoration(
                        color: Colors.black26,
                        borderRadius: BorderRadius.circular(15),
                        ),
                          child: Card(child: Center(child: Text("Sherwani."))))),
                   onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Sindhi Ajrak or Cap."))))),
                  onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width:250,
                      height: 40,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Punjabi kurta and tehmat."))))),
                  onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Saraiki Turban"))))),
                  onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Saraiki Kurta."))))),
                  onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Peshawari Turban."))))),
                  onTap: (){},),
                SizedBox(height: 7,),
                GestureDetector(
                  child: SizedBox(
                      width: 250,
                      height: 35,
                      child: Container(
                          decoration: BoxDecoration(
                            color: Colors.black26,
                            borderRadius: BorderRadius.circular(15),
                          ),
                          child: Card(child: Center(child: Text("Lehenga Choli"))))),
                  onTap: (){},),

    ],

Answer 3

我的解决方案：

          ExpansionTile(
        leading: Icon(
          Icons.settings,
          color: headingcolor,
        ),
        trailing: Icon(
          Icons.arrow_forward_ios_rounded,
          size: 10.0,
          color: defaultcolor,
        ),
        title: Text(
          "Settings",
          style: TextStyle(
            color: headingcolor,
          ),
        ),
        children: <Widget>[
          DrawerListTile(
            title: "Terms",
            svgSrc: Icon(
              Icons.rule_sharp,
              color: headingcolor,
            ),
            press: () {
              Get.offAll(
                () => SettingsScreenMainTerms(),
                duration: Duration(milliseconds: 400), //
                transition: Transition.zoom,
              );
            },
          ),
          DrawerListTile(
            title: "Notifications",
            svgSrc: Icon(
              Icons.edit_notifications_rounded,
              color: headingcolor,
            ),
            press: () {
              Get.offAll(
                () => SettingsScreenMainNotifications(),
                duration: Duration(milliseconds: 400), //
                transition: Transition.zoom,
              );
            },
          ),
        ],
      ),

Flutter 如何在导航抽屉内添加可扩展菜单项？

Flutter how to add a Expandable menu item inside navigation drawer?

dart

flutter

flutter-layout