正文内容加载中...
posted @ 2018-12-06 15:37 星期八再娶你 阅读(8) 评论(0) 编辑
摘要: 之前写过一篇文章,Flutter - 创建横跨所有页面的侧滑菜单。这个里面中使用了Navigator.of(context).push来导航到新的页面。 这次介绍一种不使用导航,仅仅改变content即可。 这样做的好处是,不需要来回处理导航和路由那么个复杂的东西。 1. 准备工作 新建四个页面,C阅读全文
posted @ 2018-12-04 15:29 星期八再娶你 阅读(12) 评论(0) 编辑
摘要: 之前写过的一篇文章介绍了 Flutter - 创建横跨所有页面的侧滑菜单, 这次就一起来学习一下底部导航栏。 底部导航栏在ios平台上非常常见,app store就是这样的风格。还有就是大家最常用的微信,也是底部导航的。 既然这么常见的功能,在Flutter上面也是必不可少的啦。谷歌已经做好了Wid阅读全文
posted @ 2018-12-01 17:19 星期八再娶你 阅读(193) 评论(0) 编辑
摘要: 本文的前提是你已经安装好了VS Code,并且安装了Flutter和Dart扩展插件。 1. 新建Flutter项目 查看——命令面板,或者Ctrl + Shift + P 输入 Flutter: New Project 然后输入项目名称,选择项目路径即可。 然后VS Code会自动打开一个新窗口示阅读全文
posted @ 2018-11-28 22:13 星期八再娶你 阅读(91) 评论(0) 编辑
摘要: 上一篇分享的VS Code的文中,界面也是浅色主题,也是Ayu作品。下面看一下Sublime Text中的Ayu浅色主题 不错吧。 如何下载? 首选项——插件控制——安装插件或者ctrl+shift+P 搜索“ayu” Preference——Package Control——Install Pac阅读全文
posted @ 2018-11-28 12:41 星期八再娶你 阅读(28) 评论(0) 编辑
摘要: .先看一下效果(请忽略我的颜色主题): 1. 点击侧边栏的“扩展”按钮,或者按下Ctrl+Shift+X,安装需要的语言包 2. 通过命令面板设置语言 点击“查看”——“命令面板”,或者快捷键Ctrl+Shift+P 搜索 或者 VS Code 自动打开locale.json文件 更改locale的阅读全文
posted @ 2018-11-27 23:13 星期八再娶你 阅读(15) 评论(1) 编辑
摘要: 前一篇博客讲到了如何创建侧滑菜单,但是再实际使用过程中,会发现,这个策划菜单只能在首页侧滑出来。 当导航到其他页面后,侧滑就不管用了。这也有点不符合良好的用户体验设计。Google Play就是很好的例子,她就是可以几乎在所有的页面上侧滑出来(一些特定的页面除外)。 下面看看如何来实现这一功能。 其阅读全文
posted @ 2018-11-27 16:43 星期八再娶你 阅读(41) 评论(0) 编辑
摘要: 侧滑菜单在安卓App里面非常常见,比如Gmail,Google Play,Twitter等。看下图 网上也有很多创建侧滑菜单的教程,我也来记录一下,自己学习创建Drawer的过程。 1. 创建一个空的App 2.添加drawer侧滑菜单 给Scaffold添加一个drawer的属性即可。 可以看到d阅读全文
posted @ 2018-11-27 11:49 星期八再娶你 阅读(60) 评论(0) 编辑
摘要: 在很多安卓App上,有很多底部弹出的菜单,这个在Flutter上同样可以实现。 先看一下效果 嗯,就是这样子的,当用户点击菜单区域以外的时候,菜单会自动关闭。 下面就看一下Dart语言实现 可见,showModalBottomSheet只需要制定上下文context,在自己设计bulider即可。阅读全文
posted @ 2018-11-25 12:23 星期八再娶你 阅读(153) 评论(0) 编辑
摘要: 侧滑菜单可以从左面滑出,也可以从右面滑出。在Scaffold中有drawer和endDrawer两个参数,分别对应左边的菜单和右边的菜单。阅读全文
posted @ 2018-11-20 17:14 星期八再娶你 阅读(87) 评论(0) 编辑