热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何实现从左侧滑动的侧边菜单?

如何解决《如何实现从左侧滑动的侧边菜单?》经验,为你挑选了1个好方法。

我是Flutter的新手,刚刚完成了入门教程.我想创建一个侧边菜单,当您滑动时,它会从左侧显示(如Android上的Gmail).

不幸的是,我在文档上找不到这样的布局,而且来自颤动画廊的例子有点乱.

有人可以解释一下如何实现这样的Widget吗?



1> Rainer Wittm..:

这是一个简单的Drawer的例子(我只是改编了默认的项目设置flutter create):

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State {

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('TestProject'),
      ),
      drawer: new Drawer(
        child: new ListView(
          children:  [
            new DrawerHeader(child: new Text('Header'),),
            new ListTile(
              title: new Text('First Menu Item'),
              onTap: () {},
            ),
            new ListTile(
              title: new Text('Second Menu Item'),
              onTap: () {},
            ),
            new Divider(),
            new ListTile(
              title: new Text('About'),
              onTap: () {},
            ),
          ],
        )
      ),
      body: new Center(
        child: new Text(
          'Center',
        ),
      ),
    );
  }
}

该文档是一个良好的开端;)

顺便说一下:在你的脚手架中包括一个抽屉,还会为你处理菜单按钮和左侧滑动手势.


推荐阅读
author-avatar
王者灬旋律
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有