Yuzo Blog

Stay hungry, Stay foolish

使用Flutter开发的一款仿Gitme的客户端

OpenGit 1.3.0版本UI风格主要采用卡片式风格,实现了闪屏、引导、Github相关信息查看和修改等功能

使用Flutter开发的一款仿Gitme的客户端 前言 离上篇文章介绍OpenGit_Flutter已经过了两个月,在两个月期间完成了v1.1.0、v1.2.0以及下文马上介绍的v1.3.0版本,点击见版本更新记录。在v1.3.0版本中,对整体UI做了修改,采用卡片式风格;对登录界面做了改版,UI主要参考flutter-ui-nice;优化了编辑issue、评论相关逻辑,并增加标签功能;改...

OpenGit_Flutter项目常用公共库总结

OpenGit_Flutter项目用到的公共库,抽取出来,便于以后的Flutter项目使用

OpenGit_Flutter项目常用公共库 OpenGit公共库目前包含三部分 基本UI库(flutter_base_ui); 常用工具类库(flutter_common_util); 安装APK插件; 基本UI库 BloC和MVP基本封装 详情可以参考文章MVC、MVP、BloC、Redux四种架构在Flutter上的尝试 基本Style的提供 主要颜色,如...

Flutter侧边栏控件-SideBar

Flutter第一个自定义控件SideBar

Flutter侧边栏控件-SideBar 前言 SideBar是APP开发当中常见的功能之一,多用于索引列表,如城市选择,分类等。在优化OpenGit趋势列表时,由于在选择语言时需要用到这样的控件,尝试开发了这个控件,效果如下图所示 准备 完成SideBar需要向外提供以下参数 SideBar宽以及每个letter的高度; 默认背景色和文本颜色; 按下时的背景...

MVC、MVP、BloC、Redux四种架构在Flutter上的尝试

花了将近一个月的时间实践,总算找到适合OpenGit项目的架构了

MVC、MVP、BloC、Redux四种架构在Flutter上的尝试 前言 从进行开发OpenGit_Flutter项目以来,在项目中选择哪种架构困扰了很久。近段时间,分别在项目中尝试了BloC、Redux这两种架构,通过开发中遇到的问题,已经找到了合适的方案。为了演示方便,我选择了该项目的登录流程来为大家做演示,下面对登录流程做下拆解。 登录首先需要输入账号和密码,只有在账号和...

Flutter开发一个GitHub客户端及学习总结

OpenGit是用Flutter开发的一款Github客户端

Flutter开发一个GitHub客户端及学习总结 本项目为个人Flutter的学习练习项目。 学习Flutter也有一阵子了。闲着没事,用Github开放出来的API进行练手,编写出来了一款Github客户端。 当然自己也是边查边写,也借鉴了许多Github上优秀的Flutter项目,例如UI上主要是参考gitme。现在开源出来,供大家交流学习。希望多多Star、Fork支持,...

Flutter插件开发之APK自动安装

实现Flutter Plugin开发

Flutter插件开发之APK自动安装 本文适用于Android开发人员 什么是Flutter Plugin Flutter Plugin是一种特殊的包,包含一个用Dart编写的API定义,结合Android和iOS的平台特定实现,从而达到二者兼容。 应用的Flutter部分通过平台通道(platform channel)将消息发送到其应用程序的所在的宿主(iOS或Andro...

Flutter主题切换之flutter redux

使用flutter redux实现切换主题

flutter redux flutter redux组成 redux主要由Store、Action、Reducer三部分组成 Store用于存储和管理State Action用于用户触发的一种行为 Reducer用于根据Action产生新的State flutter redux流程 Widget通过StoreConnector绑定Store中的State数据 ...

Flutter可滚动Widgets-ListView

flutter可滚动Widgets之ListView的基本用法

ListView 先看下如下截图 以上效果图的代码,是从flutter官方demoflutter_gallery内copy的部分代码。 首先,首先定义一个列表,代码如下 1 2 3 List<String> items = <String>[ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L'...

Flutter基础Widgets-Text

flutter基础Widgets之Text的基本用法

Text 构造函数 Text构造函数的源码如下面代码所示 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 const Text(this.data, { Key key, this.style, this.strutStyle, this.textAlign, this.textDirection, t...

Android打开通知栏并回到主页的几种方式

当应用处于后台时,默认情况下,从通知栏启动一个Activity,按返回键会回到Launcher主屏幕。类似于微信、QQ等点击通知栏,返回回到主页又是如何实现的?

用PendingIntent.getActivity创建通知栏 在MainActivity中增加点击事件,用来启动NotifyService和延迟2秒销毁MainActivity,如下面代码所示 1 2 3 4 5 6 7 8 9 Intent intent = new Intent(MainActivity.this, NotifyService.class); startServic...