摘要: 先看效果图: 源代码已上传到github 我们先看一下页面 , 首先这个页面,我们并没有用到AppBar,当然也就没有自带返回功能.然后下面有个Login的文字以及一条横线. 屏幕中上方是填写帐号以及密码的2个输入框,密码输入框有隐藏和显示密码的按钮. 下方是登录按钮 以及其他登录方式. 看一下主体 阅读全文
posted @ 2018-12-17 19:22 星辰之力 阅读(1459) 评论(0) 推荐(0) 编辑
摘要: 在Android开发中,合理的使用Android Studio插件不但可以提高开发效率,还能从整体上提高代码的质量。下面就Android开发中常见的一些插件做一个整理。 1,GsonFormatGsonFormat是一个可以快速将json字符串转换成一个Java Bean,免去我们根据json字符串 阅读全文
posted @ 2018-12-17 17:19 星辰之力 阅读(6373) 评论(0) 推荐(0) 编辑
摘要: 前言本文将介绍git的基本概念、环境搭建、日常使用,主要针对刚接触git,或接触不久,或好久没用忘记的同学们,当然是基于mac环境的,window系统也是大同小异!本文将从以下几个模块介绍,希望能帮助到你们: 注:git可以管理图片、文档、代码等资源,为描述方便,本文以代码举例描述,其他资源使用同理 阅读全文
posted @ 2018-12-17 16:25 星辰之力 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 这个小例子使用的是豆瓣 API 中 正在上映的电影的开放接口,要实现的主要效果如下: JSON 数据结构 Item 结构 Item 的结构是一个 Card 包含着一个 Row 然后这个 Row 里面左边是一个 Image,右边是一个 Column 功能实现 material 库 Json 解析 网络 阅读全文
posted @ 2018-12-17 15:37 星辰之力 阅读(963) 评论(0) 推荐(0) 编辑
摘要: 先看一下Tab的构造方法: Tab使用方法 Flutter切换tab后保留tab状态Flutter中为了节约内存不会保存widget的状态,widget都是临时变量。当我们使用TabBar,TabBarView是我们就会发现,切换tab后再重新切换回上一页面,这时候tab会重新加载重新创建,体验很不 阅读全文
posted @ 2018-12-17 15:34 星辰之力 阅读(1069) 评论(0) 推荐(0) 编辑
摘要: 小菜昨天刚学习了一下底部状态栏 BottomNavigationBar 的基本使用方法,今天学习一下 ListView 的基本用法。 小菜觉得 Flutter 中 ListView 这个控件很强大,它兼顾了 Android 中的 ScrollView 和 ListView 两个控件的效果,既可以当列 阅读全文
posted @ 2018-12-17 15:29 星辰之力 阅读(6579) 评论(0) 推荐(0) 编辑
摘要: 本文学习一下列表widget,是最常见的需求 在Flutter中,用ListView来显示列表项,支持垂直和水平方向展示,通过一个属性我们就可以控制其方向 1.水平的列表 2.垂直的列表 3.数据量非常大的列表 4.内置的ListTile(挺好用的) 4.内置的ListTile(挺好用的),先看下这 阅读全文
posted @ 2018-12-17 14:54 星辰之力 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 在flutter的控件里 常用按钮有:FlatButton,RaisedButton,FloatingActionButton,OutlineButton。 FlatButton是扁平的,没有阴影的。 RaisedButton是有阴影,看起来凸起来的,很有点击欲望的那种,如图1 FloatingAc 阅读全文
posted @ 2018-12-17 14:39 星辰之力 阅读(865) 评论(0) 推荐(0) 编辑
摘要: 相对于单独开发Flutter应用,混合开发对于线上项目更具有实际意义,可以把风险控制到最低,也可以进行实战上线。所以介绍 集成已有项目 混合开发涉及原生Native和Flutter进行通信传输,还有插件编写,所以介绍 两端通信Flutter Platform Channel的使用 WanAndroi 阅读全文
posted @ 2018-12-17 14:31 星辰之力 阅读(996) 评论(0) 推荐(0) 编辑
摘要: 这段代表 圆角的程度。 child里面是需要被圆角处理的控件或对象。 阅读全文
posted @ 2018-12-17 14:13 星辰之力 阅读(781) 评论(0) 推荐(0) 编辑
摘要: App在很多情况下由于各种需求需要自定义标题栏,而在能够构建Android和IOS应用的Flutter中,如果不在Scaffold中使用AppBar会发现默认是沉浸式。 接下来一步一步来看 一、怎么自定义标题栏 轻车熟路的就直接看第二步 自定义MAppBar类 使用 效果 二、增加状态栏 修改代码 阅读全文
posted @ 2018-12-17 14:08 星辰之力 阅读(957) 评论(0) 推荐(0) 编辑
摘要: new Offstage( offstage: true, //这里控制 child: Container(color: Colors.blue,height: 100.0,), ), 阅读全文
posted @ 2018-12-17 14:04 星辰之力 阅读(2300) 评论(0) 推荐(0) 编辑
摘要: The Dart Analyzer 这个工具帮助你分析代码,发现可能的错误。 运行命令行 终端进入flutter工程所在目录,执行flutter analyze 使用IntelliJ IDEA Dart Observatory dart语句级单步调试器和分析器 运行命令行 终端进入flutter工程 阅读全文
posted @ 2018-12-17 13:59 星辰之力 阅读(1041) 评论(0) 推荐(0) 编辑
摘要: 像往常一样打开Android studio,但这次它提示我升级!说是什么为了更好的体验,在好奇心的驱使下,我毅然地点击了“update”按钮。升级之后,编译项目,报出了N多个error,我的心都慌完!整个人都是凉的,但想到作为社会主义的接班人,不能被这个给吓到,因为我知道解决了眼前的error,还有 阅读全文
posted @ 2018-12-17 13:38 星辰之力 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 今天呢,我小拉面主要想给大家讲一讲Flutter中的Slivers大家族的使用场景和方法。开发过列表布局的同学们应该对Slivers系列的控件不陌生,或多或少都用过这个库中的控件,来解决复杂的滑动嵌套布局。 比如之前讲Hero的时候提到的下面这个界面,使用普通的GridView的话是没法实现的,我们 阅读全文
posted @ 2018-12-17 13:13 星辰之力 阅读(2031) 评论(0) 推荐(0) 编辑
摘要: ListView即滚动列表控件,能将子控件组成可滚动的列表。当你需要排列的子控件超出容器大小,就需要用到滚动块。 效果: 阅读全文
posted @ 2018-12-17 11:34 星辰之力 阅读(2362) 评论(0) 推荐(0) 编辑
摘要: 前言:生命周期是一个组件加载到卸载的整个周期,熟悉生命周期可以让我们在合适的时机做该做的事情, flutter中的State生命周期和android以及React Native的生命周期类似。 先看一张生命周期的流程图: 大致可以分为3个阶段: 初始化状态变化组件移除初始化State初始化时会依次执 阅读全文
posted @ 2018-12-17 11:26 星辰之力 阅读(428) 评论(0) 推荐(0) 编辑
摘要: GitHub:https://github.com/happy-python/flutter_demos/tree/master/gridview_demo 在 ListView 中,如果将屏幕的方向变成横屏,效果将如下图所示: ListView 横屏 ListView 横屏 如果采用 GridVi 阅读全文
posted @ 2018-12-17 11:16 星辰之力 阅读(688) 评论(0) 推荐(0) 编辑
摘要: AppBar 和 SliverAppBar 是纸墨设计中的 App Bar,也就是 Android 中的 Toolbar,关于 Toolbar 的设计指南请参考纸墨设计中 Toolbar 的内容。 AppBar 和 SliverAppBar 都是继承至 StatefulWidget 类,都代表 To 阅读全文
posted @ 2018-12-17 11:05 星辰之力 阅读(1057) 评论(0) 推荐(0) 编辑
摘要: 简介 现在我们的 APP 上面都会在屏幕下方有一排的按钮,点击不同的按钮可以进入不同的界面。就是说在界面的底部会有一排的按钮导航。可看下面的图示。 完成图示 程序工程目录 梳理下实现步骤我们需要实现这个底部菜单导航,就需要有底部菜单的那一排图标按钮。图标按钮是固定在一个工具栏 “bar” 上面。然后 阅读全文
posted @ 2018-12-17 11:03 星辰之力 阅读(1305) 评论(0) 推荐(0) 编辑