Null Check Operator used on null value - flutter

Question

I am creating a drawer in flutter but whenever I click on the menu to open it, I get a Null check operator used on a null value error. What could be wrong?

        final scaffoldKey = GlobalKey<ScaffoldState>(); // the scaffoldKay variable


         AppBar(
          leading: IconButton(
            onPressed: () {
              scaffoldKey.currentState!.openDrawer(); // Error Here
            },
            icon: Icon(
              Icons.menu,
            ),
          ),
          title: Text(
            'Title Here',
            
            align: TextAlign.center,
            family: 'Poppins',
            style: FontStyle.normal,
            shadow: 0,
          ),

I have read others with a similar issues but it seems this is unique.

Have you checked the value of scaffoldKey in the onPressed method? — tomerpacific
– tomerpacific, Commented Aug 28, 2022 at 6:40

eamirho3ein · Accepted Answer · 2022-08-28 06:57:26Z

1

You should null check for scaffoldKey first:

onPressed: () {
    if (scaffoldKey.currentState != null) {
          scaffoldKey.currentState.openDrawer();
    }
},

and also make sure you pass the key to scaffold too, like this:

Scaffold(
  key: scaffoldKey,
  ...
)

answered Aug 28, 2022 at 6:57

eamirho3ein

18.1k2 gold badges17 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lepsch · Accepted Answer · 2022-08-28 06:46:37Z

0

You should assign scaffoldKey to the property key of the Scaffold widget. It's going to be something like this:

return Scaffold(
  key: scaffoldKey,     // <- Here
  appBar: AppBar(
    leading: IconButton(
      onPressed: () {
        scaffoldKey.currentState!.openDrawer();
      },
      icon: Icon(
        Icons.menu,
      ),
    ),
    title: Text(
      'Title Here',
      align: TextAlign.center,
      family: 'Poppins',
      style: FontStyle.normal,
      shadow: 0,
    ),
  ),

answered Aug 28, 2022 at 6:46

lepsch

10.5k5 gold badges33 silver badges48 bronze badges

Collectives™ on Stack Overflow

Null Check Operator used on null value - flutter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related