Fork me on GitHub

随笔分类 -  Flutter

摘要:如你所见,一个json转dart实体的网站,https://javiercbk.github.io/json_to_dart/ 阅读全文
posted @ 2019-01-10 23:08 猫叔Vincent 阅读(17409) 评论(4) 推荐(1) 编辑
摘要:1. 快速创建Stateless组件 输入stle,回车 2. 快速创建Stateful组件 输入stful,回车 阅读全文
posted @ 2018-12-06 15:37 猫叔Vincent 阅读(1252) 评论(0) 推荐(0) 编辑
摘要:之前写过一篇文章,Flutter - 创建横跨所有页面的侧滑菜单。这个里面中使用了Navigator.of(context).push来导航到新的页面。 这次介绍一种不使用导航,仅仅改变content即可。 这样做的好处是,不需要来回处理导航和路由那么个复杂的东西。 1. 准备工作 新建四个页面,C 阅读全文
posted @ 2018-12-04 15:29 猫叔Vincent 阅读(715) 评论(0) 推荐(0) 编辑
摘要:之前写过的一篇文章介绍了 Flutter - 创建横跨所有页面的侧滑菜单, 这次就一起来学习一下底部导航栏。 底部导航栏在ios平台上非常常见,app store就是这样的风格。还有就是大家最常用的微信,也是底部导航的。 既然这么常见的功能,在Flutter上面也是必不可少的啦。谷歌已经做好了Wid 阅读全文
posted @ 2018-12-01 17:19 猫叔Vincent 阅读(5648) 评论(0) 推荐(1) 编辑
摘要:本文的前提是你已经安装好了VS Code,并且安装了Flutter和Dart扩展插件。 1. 新建Flutter项目 查看——命令面板,或者Ctrl + Shift + P 输入 Flutter: New Project 然后输入项目名称,选择项目路径即可。 然后VS Code会自动打开一个新窗口示 阅读全文
posted @ 2018-11-28 22:13 猫叔Vincent 阅读(11908) 评论(0) 推荐(0) 编辑
摘要:前一篇博客讲到了如何创建侧滑菜单,但是再实际使用过程中,会发现,这个策划菜单只能在首页侧滑出来。 当导航到其他页面后,侧滑就不管用了。这也有点不符合良好的用户体验设计。Google Play就是很好的例子,她就是可以几乎在所有的页面上侧滑出来(一些特定的页面除外)。 下面看看如何来实现这一功能。 其 阅读全文
posted @ 2018-11-27 16:43 猫叔Vincent 阅读(1115) 评论(0) 推荐(0) 编辑
摘要:侧滑菜单在安卓App里面非常常见,比如Gmail,Google Play,Twitter等。看下图 网上也有很多创建侧滑菜单的教程,我也来记录一下,自己学习创建Drawer的过程。 1. 创建一个空的App 2.添加drawer侧滑菜单 给Scaffold添加一个drawer的属性即可。 可以看到d 阅读全文
posted @ 2018-11-27 11:49 猫叔Vincent 阅读(4198) 评论(0) 推荐(0) 编辑
摘要:在很多安卓App上,有很多底部弹出的菜单,这个在Flutter上同样可以实现。 先看一下效果 嗯,就是这样子的,当用户点击菜单区域以外的时候,菜单会自动关闭。 下面就看一下Dart语言实现 可见,showModalBottomSheet只需要制定上下文context,在自己设计bulider即可。 阅读全文
posted @ 2018-11-25 12:23 猫叔Vincent 阅读(26635) 评论(0) 推荐(1) 编辑
摘要:侧滑菜单可以从左面滑出,也可以从右面滑出。在Scaffold中有drawer和endDrawer两个参数,分别对应左边的菜单和右边的菜单。 阅读全文
posted @ 2018-11-20 17:14 猫叔Vincent 阅读(8301) 评论(0) 推荐(0) 编辑
摘要:由于引用的"Toast"同时存在于package easy_alert 和 fluttertoast中,编译器不确定到底是引用的哪一个包中的Toast,因此报错。 解决方法: 然后 原文参考我的Stackoverflow https://stackoverflow.com/questions/533 阅读全文
posted @ 2018-11-19 11:17 猫叔Vincent 阅读(2169) 评论(0) 推荐(0) 编辑
摘要:Stateful(有状态) 和 stateless(无状态) widgets 有些widgets是有状态的, 有些是无状态的 如果用户与widget交互,widget会发生变化,那么它就是有状态的. widget的状态(state)是一些可以更改的值, 如一个slider滑动条的当前值或checkb 阅读全文
posted @ 2018-11-13 22:15 猫叔Vincent 阅读(1636) 评论(0) 推荐(0) 编辑
摘要:如果直接下载了别人的Flutter项目,点击运行基本会不通过的,这是gradle版本差异造成的。 你需要修改android/gradle/wrapper/gradle-wrapper.properties文件中指定的gradle版本和android/build.gradle即可 阅读全文
posted @ 2018-11-10 14:59 猫叔Vincent 阅读(2789) 评论(1) 推荐(1) 编辑
摘要:解决方案: 在android/app/build.gradle,dependencies添加一行 网上还有一种方法: 阅读全文
posted @ 2018-11-01 16:12 猫叔Vincent 阅读(4213) 评论(0) 推荐(0) 编辑
摘要:方案1: 更改项目的Encoding方式 File -> Settings -> Editor, choose "File Encodings", change Project Encoding to UTF-8. 方案2: 由于app的版本为release找不到keystore文件,我们只需要在a 阅读全文
posted @ 2018-11-01 10:25 猫叔Vincent 阅读(1057) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示