Flutter
CodeTitan
个人博客地址: https://www.titanjun.top/
展开
-
Flutter 必备开源项目推荐
这段时间内一直学习Flutter, 自行设计完成了一个实战项目mahua_pet项目中用到了flutter中的大部分的组件, 界面也涉及了很多功能(可能很多地方还有待完善)项目目前也还是处在开发待完成阶段, 主要内容差不多已经完成下面是一些UI界面展示, 后面推见一些比较好的开源项目验证码登录和密码登录都可以登录, 账号: 123 密码: 123部分界面展示首页动态的展示导航栏的显示和隐藏日历模块展示日历的记录, 每日记录生成图片和保存图片发现类似朋友圈的内容展示, 图片浏览和.原创 2020-11-20 21:05:30 · 3084 阅读 · 0 评论 -
Flutter中Widget的生命周期和渲染原理
原文博客地址: Flutter中Widget的生命周期和渲染原理之前的Flutter系列文章中都有介绍一些常用的Widget这里就主要了解Flutter的渲染原理和Widget的生命周期Flutter中Widget的生命周期StatelessWidget是通过构造函数(Constructor)接收父Widget直接传入值,然后调用build方法来构建,整个过程非常简单而StatefulWidget需要通过State来管理其数据,并且还要监控状态的改变决定是否重新build整个Widget这..原创 2020-06-19 08:50:45 · 1342 阅读 · 0 评论 -
Flutter开发之Dart中的类和对象
原文博客地址: Flutter和Dart系列文章上次学习Flutter已经是整整一年前的事情了,之后因为工作重心主要放在了React Native开发形式上现在重新捡起Flutter, 也是计划系统性的从头开始重新学习Dart和Flutter这篇Dart笔记主要就是记录Dart语言中的类和对象类及其构造方法Dart也是一门面向对象的开发语言,面向对象中非常重要的概念就是类,通过类的初始化创建一个对象类的定义在Dart中,定义类用class关键字当未指明其父类的时候, 默认是继承自O...原创 2020-05-21 00:05:57 · 611 阅读 · 0 评论 -
Flutter之可滑动Widget
Flutter和Dart系列文章和代码GitHub地址在Flutter中, 当内容超过显示视图时,如果没有特殊处理,Flutter则会提示Overflow错误Flutter提供了多种可滚动(Scrollable Widget)用于显示列表和长布局可滚动Widget都直接或间接包含一个Scrollable, 下面是常用的几个可滚动的WidgetSingleChildScrollVie...原创 2019-05-17 20:54:22 · 2046 阅读 · 0 评论 -
Flutter中App的主题和导航
Flutter和Dart系列文章和代码GitHub地址Flutter一切皆Widget的核心思想, 为我们提供了两种主题风格CupertinoApp: 一个封装了很多iOS风格的小部件,一般作为顶层widget使用MaterialApp: 一个封装了很多安卓风格的小部件,一般作为顶层widget使用, 下面我们先看下这个WidgetMaterialApp这里我们先看看Materi...原创 2019-05-05 21:09:50 · 1104 阅读 · 0 评论 -
Flutter之容器类Widget
Flutter和Dart系列文章项目GitHub地址容器类Widget和布局类Widget都作用于其子Widget,不同的是:布局类Widget一般都需要接收一个widget数组(children),他们直接或间接继承自(或包含)MultiChildRenderObjectWidget而容器类Widget一般只需要接受一个子Widget(child),他们直接或间接继承自(或包含)...原创 2019-04-29 21:34:28 · 550 阅读 · 0 评论 -
Flutter之基础Widget
原文博客地址: Flutter之Text和ImageFlutter和Dart系列文章项目GitHub地址Flutter作为一种全新的响应式,跨平台,高性能, 完全免费、开源的移动开发框架Widget是Flutter开发中的主要组成部分, 是Flutter的基础, Flutter的核心设计思想便是: 一切皆WidgetFlutter中的widget的概念更广泛,它不仅可以表示UI元素...原创 2019-04-19 17:30:17 · 621 阅读 · 0 评论 -
Flutter之基础Widget之TextField
Flutter和Dart系列文章项目GitHub地址上一篇Flutter之基础Widget文章介绍了Flutter中基础的Widget, 但是由于篇幅的原因, 这篇文章就主要介绍TextFieldTextFieldTextField用于文本输入,它提供了很多属性,我们先简单介绍一下主要属性的作用const TextField({ Key key, // 编辑框的控...原创 2019-04-26 16:59:20 · 1313 阅读 · 0 评论 -
Flutter之布局类Widget
原文博客地址: Flutter之布局类Widget相关博客系列文章: Flutter和Dart系列文章相关Demo地址: GitHub地址布局类Widget都会包含一个或多个子widget,不同的布局类Widget对子widget排版(layout)方式不同上一篇文章中提到: Widget实际上就是Element的配置数据, Widget的功能是描述一个UI元素的一个配置数据, 而真...原创 2019-04-25 19:52:12 · 634 阅读 · 0 评论 -
Flutter开发之Dart的数据类型01
原文博客地址: Flutter开发之Dart的数据类型01这几篇文章都是在学习Dart过程中所记录的学习笔记, 都是一些基础知识, 几乎没什么技术含量, 主要是方便后期使用的时候方便查阅我写的Flutter和Dart语法系列相关的文章, 有兴趣的可参考随便看看Dart数据类型Dart内置的数据类型中, 支持以下几种数据类型numbers(数字)strings(字符串)boo...原创 2019-02-20 10:35:25 · 1322 阅读 · 0 评论 -
Flutter开发之Dart的数据类型02
原文博客地址: Flutter开发之Dart的数据类型02这几篇文章都是在学习Dart过程中所记录的学习笔记, 都是一些基础知识, 几乎没什么技术含量, 主要是方便后期使用的时候方便查阅之前的一篇文章已经介绍了一部分的数据类型Flutter开发之Dart的数据类型01, 这里主要记录剩下的一些常用的数据类型我写的Flutter和Dart语法系列相关的文章, 有兴趣的可参考随便看看M...原创 2019-03-01 09:28:23 · 1784 阅读 · 0 评论 -
Flutter开发之Dart语法基础
原文博客地址: Flutter开发之Dart语法基础Dart是谷歌在 2011 年推出的编程语言,是一种结构化Web编程语言,允许用户通过Chromium中所整合的虚拟机(Dart VM)直接运行Dart 语言编写的程序,免去了单独编译的步骤以后这些程序将从Dart VM更快的性能与较低的启动延迟中受益Dart从设计之初就为配合现代web整体运作而考虑,开发团队也同时在持续改进Dart...原创 2019-02-19 14:49:12 · 882 阅读 · 0 评论 -
Flutter的安装和配置
https://titanjun.oss-cn-hangzhou.aliyuncs.com/ios/staticFramework.jpg?x-oss-process=style/titanjun原文博客地址: Flutter的安装和配置Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面, 并且是未来新操作系统Fuchsia的默认开发套件在全...原创 2019-02-12 21:01:47 · 1260 阅读 · 0 评论