美文网首页
flutter_residemenu-侧滑栏

flutter_residemenu-侧滑栏

作者: 秋分落叶 | 来源:发表于2019-07-25 10:48 被阅读0次

类似QQ的侧滑栏
效果图如下:
[图片上传失败...(image-a7a741-1564022874639)]

Usage

declare in pubspec.yaml

dependencies:
  ...
  residemenu:
    ^1.3.5
        initState(){
          _menuController = MenuController(vsync:this,direction:ScrollDirection.Left);
       }

       dispose(){
          _menuController.dispose();
       }

      Widget buildItem(msg) {
        return new Material(
          color: Colors.transparent,
          child: new InkWell(
            child: const ResideMenuItem(
                title: "菜单一", icon: const Icon(Icons.home, color: Colors.grey),right: const Icon(Icons.arrow_forward,color:Colors.grey),),
            onTap: () {
              Scaffold
                  .of(context)
                  .showSnackBar(new SnackBar(content: new Text('你点击了$msg')));
            },
          ),
        );
      }

    new ResideMenu.scafford(

            decoration: new BoxDecoration(
                image: new DecorationImage(
                    image: new AssetImage("images/menu_background.png"),
                    fit: BoxFit.cover)),
            leftScafford: new MenuScaffold(
                                  header: new ConstrainedBox(

                                    constraints: new BoxConstraints(maxHeight: 80.0, maxWidth: 80.0),
                                    child: new CircleAvatar(

                                      backgroundImage: new AssetImage('images/author.jpeg'),
                                      radius: 40.0,
                                    ),
                                  ),
                                  children: <Widget>[
                                    buildItem("菜单一"),
                                    buildItem("菜单二"),
                                    buildItem("菜单三"),
                                    buildItem("菜单四"),
                                    buildItem("菜单五")
                                  ],
                                ),
            rightScafford: ...,
            controller: _menuController,
            child: ...
            )

相关文章

  • flutter_residemenu-侧滑栏

    类似QQ的侧滑栏效果图如下:[图片上传失败...(image-a7a741-1564022874639)] Usa...

  • 史上最简单的侧滑栏菜单

    对于侧滑栏,相信很多人都用过,下面我将用最简单的方法实现一下,侧滑栏菜单: 已经创建好了一个侧滑栏菜单,如图: 并...

  • QQ音乐侧滑栏的实现

    对于现有的实现侧滑栏的方式,主要有两种,一种是将侧滑栏作为视图控制器,用视图控制器控制侧滑栏,这个网上有很多写好的...

  • iOS 解决自定义导航栏不能侧滑返回

    iOS中,导航栏默认是可以侧滑,但是自定义导航之后,侧滑返回失效。 解决办法:在自定义导航栏中增加侧滑手势判断,代...

  • Android 侧滑栏

    DrawerLayout 继承与ViewGroup,可以当作是FramLayout,可以指定其子控件android...

  • MMDrawerController 侧滑栏与内容ScrollV

    起因:公司有个项目包含左边侧滑栏,内容是一个CollectionView嵌套多个View 侧滑栏用的是MMDraw...

  • DrawerNavigator嵌套stackNavigator嵌

    DrawerNavigator嵌套stackNavigator嵌套BottomTabNavigator,实现侧滑栏...

  • mui侧滑菜单栏

    先创建侧菜单栏页面left.html, 打开侧滑菜单 关闭侧菜单 点击遮罩蒙版关闭侧滑页面不建议使用mask =m...

  • ios导航栏-侧滑

    参考:iOS导航栏使用总结 一、实现侧滑 直接上代码即可 @interface BaseViewControlle...

  • 侧滑栏的实现

    现在这些框架很多第三方资源,但是想自己写一个。侧滑实现比较简单,根据自己需求去扩展界面。 创建一个类MenuVie...

网友评论

      本文标题:flutter_residemenu-侧滑栏

      本文链接:https://www.haomeiwen.com/subject/utmcrctx.html