在按下按钮时显示小部件 Flutter

Question

我的目标是根据菜单中的点击显示某些小部件。 单击标题时我需要的是显示某个小部件。

这是完整的代码：

 class SideMenu extends StatelessWidget { const SideMenu({ Key? key, }): super(key: key); @override Widget build(BuildContext context) { return Drawer( child: SingleChildScrollView( // it enables scrolling child: Column( children: [ DrawerHeader( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: defaultPadding * 3, ), Image.asset( "assets/logo/logo_icon.png", scale: 5, ), SizedBox( height: defaultPadding, ), Text("Récolt"), ], )), DrawerListTile( title: "Tableau de bord", svgSrc: "assets/icons/menu_dashbord.svg", press: () {}, ), DrawerListTile( title: "Utilisateurs", svgSrc: "assets/icons/menu_profile.svg", press: () {}, ), DrawerListTile( title: "Collaborateurs", svgSrc: "assets/icons/menu_doc.svg", press: () {}, ), DrawerListTile( title: "Producteurs", svgSrc: "assets/icons/menu_store.svg", press: () {}, ), DrawerListTile( title: "Paramètres", svgSrc: "assets/icons/menu_setting.svg", press: () {}, ), ], ), ), ); } }

我有一个外部页面来显示我的小部件，如下所示：

 SizedBox(height: defaultPadding), ListUserEntreprise(), SizedBox(height: defaultPadding), ListUserCollab(),

我不知道该怎么做，我尝试在 onPressed 中使用 boolean 但它没有用，我真的不知道如何声明它并将它用于外部页面。 有谁可以帮助我吗？

Answer 1

使用 StatefulWidget 并尝试使用带有 onPressed、 setState()的 boolean 来更新 UI

例子：

import 'package:flutter/material.dart';

class SideMenu extends StatefulWidget {
  const SideMenu({
    Key? key,
  }) : super(key: key);

  @override
  State<SideMenu> createState() => _SideMenuState();
}

class _SideMenuState extends State<SideMenu> {
  bool _isShow = false;

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: SingleChildScrollView(
        // it enables scrolling
        child: Column(
          children: [
            DrawerListTile(
              title: "Tableau de bord",
              svgSrc: "assets/icons/menu_dashbord.svg",
              press: () {
                setState(() {
                  _isShow = !_isShow;
                });
              },
            ),
            Visibility(
                visible: _isShow,
                child: Container(
                  child: Text('Tableau de bord'),
                ))
          ],
        ),
      ),
    );
  }
}