発生している問題
訳あってエンドドロワーのアイコンをハンバーガーアイコン以外のアイコンにしたく
調べた結果、AppBarのactionでエンドドロワーを開くボタンを配置しonPressed()でopenEndDrawer()しています。
このopenEndDrawer()の処理がなぜか2回目から開かなくなってしまいます。
またopenEndDrawer()の呼び方が以下2種類あるらしいのですが、どちらでもこの現象
が発生します。
- final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
_scaffoldKey.currentState.openEndDrawer();
- Scaffold.of(context).openEndDrawer();
該当のソースコード
dart
1class _xxxxxState extends State<xxxxx> { 2 final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>(); 3 4 ~省略~ 5 6 Widget build(BuildContext context) { 7 8 ~省略~ 9 10 _appBar = AppBar( 11 automaticallyImplyLeading: false, 12 title: _appbarTitle, 13 titleSpacing: 0.0, 14 centerTitle: true, 15 actions: <Widget>[ 16 // enddrawer 17 StatefulBuilder(builder: (BuildContext context, setState){ 18 return IconButton(key: _filterGlobalKey, 19 icon: const Icon(Icons.tune), 20 onPressed: () { 21 ↓この行の処理が2回目から効かなくなる 22 _scaffoldKey.currentState.openEndDrawer(); 23 // Scaffold.of(context).openEndDrawer(); 24 } 25 ); 26 }) 27 ], 28 ); 29 return WillPopScope( 30 child: Scaffold( 31 key: _scaffoldKey, 32 appBar: _appBar, 33 body: _body(), 34 endDrawer: Container( 35 width: MediaQuery.of(context).size.width * 0.5, 36 child: Drawer( 37 child: _drawerBody() 38 ), 39 ), 40 ) 41 ), 42 ); 43 }
補足情報(FW/ツールのバージョンなど)
OS:Android、iOS
fluter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.0.1, on macOS 11.2 20D64 darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.0)
[✓] Connected device (2 available)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。