Как заменить иконку Drawer в AppBar и заставить открываться Drawer по нажатию?

Question

[Adik Izat]

Добрый день всем! Вот виджет в котором я пытался поменять иконку:

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(                  // Пытался тута
          icon: Icon(Icons.apps_sharp),
          onPressed: () => Scaffold.of(context).openDrawer();
        ),
        backgroundColor: Colors.white,
        iconTheme: IconThemeData(
          color: Colors.cyan[800], //change your color here
        ),
        title: Text(
          'AkepBersh',
          style: TextStyle(color: Colors.cyan[800], fontFamily: 'Lobster'),
        ),
        actions: [],
      ),
      drawer: Drawer(
        child: ListView(
          children: [
            UserAccountsDrawerHeader(
                accountName: Text('Name'),
                accountEmail: Text('[e-mail]'))
          ],
        ),
      ),
    );
  }
}

Данный код дает ошибку при нажатии на leading от AppBar:

Scaffold.of() called with a context that does not contain a Scaffold.

Answer 1

[Neonoviiwolf]

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          leading: Builder(
            builder: (context) {
              return IconButton(
                icon: Icon(Icons.clear),
                onPressed: () => Scaffold.of(context).openDrawer(),
              );
            },
          ),
          backgroundColor: Colors.white,
          iconTheme: IconThemeData(
            color: Colors.cyan[800], //change your color here
          ),
          title: Text(
            'AkepBersh',
            style: TextStyle(color: Colors.cyan[800], fontFamily: 'Lobster'),
          ),
          actions: [],
        ),
        drawer: Drawer(
          child: ListView(
            children: [
              UserAccountsDrawerHeader(
                  accountName: Text('Name'),
                  accountEmail: Text('[e-mail]'))
            ],
          ),
        ),
      ),
    );
  }
}

Comments

[Adik Izat]

Спасибо, я сделал немножко по другому.

...
Widget build(BuildContext context) {
    GlobalKey <ScaffoldState> _scaffoldKey = GlobalKey();
...
return Scaffold(
      key: _scaffoldKey,
....
onPressed: () {
            _scaffoldKey.currentState.openDrawer();
          },
...

[Neonoviiwolf]

тож вариант, ток момент, писали, что GlobalKey много ресурсов ест, при создании. Хотя на практике не заметил проблем. Второе GlobalKey вынесите из метода в переменные, иначе при перестроении у вас будут создаваться ещё GlobalKey - убьёт производительность, так как не будут переиспользоваться виджеты, а создаваться новые