繁体   English   中英

如何在 Flutter 中使用 GetX 打开侧边栏

[英]How to open a sidebar using GetX in Flutter

在 Flutter 中,我看到了Scaffold.of(context).openDrawer()打开侧边栏的方法。 目前我在我的项目中使用 GetX。 Get中是否有其他方法可以打开抽屉? 非常感谢您的帮助。

对于抽屉我们必须使用脚手架并为其提供更小的小部件并使用脚手架 state 的 globalKey 打开抽屉

import 'package:flutter/material.dart';
import 'package:get/get.dart';

void main() {
 Get.put(Controller());
 runApp(GetMaterialApp(home: Home()));
}

class Controller extends GetxController {
  var scaffoldKey = GlobalKey<ScaffoldState>();

void openDrawer() {
      scaffoldKey.currentState.openDrawer();
  }

  void closeDrawer() {
    scaffoldKey.currentState.openEndDrawer();
   }
}

class Home extends GetView<Controller> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
     appBar: AppBar(),
     key: controller.scaffoldKey,
     drawer: Drawer(
     child: ListView(
        padding: EdgeInsets.zero,
        children: <Widget>[
        DrawerHeader(
          child: Text('Drawer Header'),
          decoration: BoxDecoration(
            color: Colors.blue,
          ),
        ),
        ListTile(
          title: Text('Item 1'),
          onTap: controller.closeDrawer,
        )
      ],
    ),
  ),
  body: Center(
      child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      RaisedButton(
        onPressed: controller.openDrawer,
        child: Text('open drawer'),
       )
     ],
   )),
 );
 }
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM