赈川

文章目录1.知识整理2.项目实现2.1 效果展示2.2 项目概览2.3 代码实现2.3.1 引导页的实现2.3.2 应用首页2.3.3 第一个页面2.3.4 时间工具类2.3.5 个人中心2.3.6 数据库操作类3.完整项目1.知识整理本篇练习看似简单，但是已经将应用编写的大部分需要用的功能都贯穿起来进行了实践、并提供了比较好的解决方案，将开发中可能会遇到的很多问题和难点进行了一一解决。在进...

文章目录1.Flutter的调试1.1 VS Code 的断点调试1.2 debugger()1.3 debugDumpApp()1.4 debugDumpRenderTree()1.5 debugDumpLayerTree()1.6 debugDumpSemanticsTree()1.7 可视化调试1.8 动画的调试1.9 性能的调试1.10 应用启动时间的查看1.11 代码、方法执行时间查看1...

文章目录1.Dart Pub使用2.Flutter 插件库 Flutter Package 的开发3.Flutter插件库Flutter Plugin的开发在使用 Flutter 开发时，可能某些功能的实现比较麻烦或者无法实现，这时我们首先应该想到的就是要搜索 Dart Pub：https://pub.dev/flutter。这是 Flutter 官方的一个针对 Flutter、Web、Dar...

文章目录1.InheritedWidget 实现数据共享与传递2.ScopedModel实现数据共享与传递3.Redux 实现数据共享与传递4.EventBus 实现数据共享与传递在使用 Flutter 开发的过程中，我们可能需要进行数据的页面之间的传递、共享或者全局的一个事件、状态管理和监听。那么这节博客我们将介绍 Flutter 中实现数据共享与传递的方法，并配合实例进行详细讲解。1.In...

文章目录1.Flutter与原生交互简介2.Flutter中调用原生API3.原生调用Flutter中的API4.Flutter 原生控件混合使用5 Flutter 跳转到原生页面6.原生页面跳转到Flutter页面在使用 Flutter 开发的过程中，可能有各种各样的 UI、需求、技术方案，有些无法通过现有的 Flutter Widget 来实现，那么这个时候我们就需要写插件（实际上就是调用原...

文章目录1.Flutter 自定义 Widget 的方式2 Widget 的继承实现自定义3.Widget 的组合实现自定义4.CustomPaint 绘制 Widget5.Flutter方法的封装在使用 Flutter 开发的过程中，有时候现有的 Widget 不能满足需求，所以需要自定义 Widget，有点像 Android 和 iOS 平台的自定义 View，来实现我们的各种效果。Flut...

文章目录

文章目录1.创建全局主题2.局部主题3.扩展或修改全局主题主题这个概念可以大家都不陌生，我们在使用移动应用或者网页时候，都有夜间模式主题、护眼模式主题等等。在 Flutter 中主题的作用基本一致，可以设置全局或者局部的主题样式、字体样式，使得应用具有整体的样式风格。那么这节课我们将介绍 Flutter 中的主题内容，并配合一些案例。1.创建全局主题Flutter 支持全局设置 Theme ...

国际化就是让我们的应用支持多种语言，例如运行在国内的使用中文简体、在港澳台的使用繁体字、美国的使用英文、日本的用户显示的是日文等等类似场景，也可以把国际化称为本地化处理。Flutter 本身的 API 是支持国际化处理的，当然也可以用官方提供的插件库来实现。那么这节课我们将介绍 Flutter 中应用国际化处理的基本使用详解，并配合一些案例。1.实现应用国际化如果我们的应用想提供多种语言模式...

文章目录1.Flutter动画简单介绍1.1 Animation1.2 AnimationController1.3 CurvedAnimation1.4 Tween2.基础动画效果的实现3.Hero 动画的实现4.交错动画的实现5.总结动画部分在每个平台可以说都是一个常用的部分。如果想让自己的应用或产品的用户体验变得更好，那么动画效果是一个很重要的部分。Flutter 也提供了大部分的动画效...

文章目录1.手势的用法详解2.数据库的用法详解3.总结在移动应用开发中，经常会使用到手势操作，这也是移动平台应用独有的一个功能特性。我们可以使用手势进行密码设置、通过手势操作进行定义一系列有含义的操作等等。Flutter 也支持手势操作的使用。这节博客除了手势功能的用法外还会给大家讲解下 Flutter 中本地数据库的操作用法， Android 平台本地数据库一般是使用 SQLite，Flut...

文章目录1.Flutter文件操作2.Flutter图片操作3.总结在实际开发中，经常离不开文件和图片的读写操作，例如缓存数据、创建删除文件/文件夹、读取文本/图片/音视频等数据、读取显示图片等等。Flutter 也提供了相关的操作 API。那么这节博客我们就开始学习 Flutter 中与文件和图片读写操作相关的内容，并结合案例进行用法讲解。1.Flutter文件操作常见的文件操作有：创建文...

文章目录1.WebSocket介绍2.WebSocket简单用法3.第三方插件库实现 WebSocketWebSocket 在我们平时开发推送、聊天、数据传输时经常使用，无论是 Web 端还是移动端。那么这节博客我们将介绍 Flutter 中 WebSocket 的基本使用：连接、发送消息、接收消息、断开连接。Flutter 自身 SDK 带 WebSocket 功能，或者通过第三方插件库也可以...

文章目录1.JSON编解码用法详解2.JSON解编码优化3.JSON 自动序列化解码4.总结在实际开发中，经常使用到数据交换格式，如：JSON 或 XML。Flutter 里也同样可以处理 JSON 格式的解析、编码操作，我们可以实现将一个 JSON 字符串转为实体类或将一个实体对象转为JSON 格式字符串。本节博客主要讲解 Flutter 里的 JSON 编解码的具体用法，并结合案例进行详细的...

文章目录1.Http的请求方式简介2.Flutter HTTP 网络请求实现的区别和特点2.1 io.dart 里的 HttpClient 实现。2.2 Dart 原生 HTTP 请求库实现。2.3 第三方库实现3.总结HTTP 网络请求是开发语言里比较常用和重要的功能，主要用于资源访问、接口数据请求和提交、上传下载文件等等操作，HTTP 请求方式主要有：GET、POST、HEAD、PUT、DE...

文章目录1.Flutter生命周期2.Flutter按键监听3.总结1.Flutter生命周期我们先了解下生命周期的概念，也就是一个页面对象从创建到销毁的整个状态管理。我们看下 Flutter 的 State 生命周期的示意图：可以看到我们的一个页面在加载创建时需要执行：构造函数 -> initState -> didChangeDependencies -> buil...

文章目录1.Flutter路由基础2.Navagator和Route基本用法详解3.页面跳转及传递参数4.总结1.Flutter路由基础在 Flutter 中路由也是主要用来处理页面跳转、页面数据传递等操作。Flutter 的路由主要通过路由（Route）和导航器（Navigator）配合使用。Navigator 主要负责路由页面的堆栈管理和操作，例如添加跳转页面、移除页面等。在 Flutt...

文章目录1.Table Widget2.DataTable Widget3.PaginatedDataTable Widget4.总结1.Table Widget我们先看下表格绘制的第一种实现组件：Table。Table 的继承关系：Table -> RenderObjectWidget -> WidgetTable 中的每一行用 TableRow 组件，列数用 columnW...

文章目录1.Flow Widget2.Wrap Widget3.总结1.Flow Widget流式布局可以用在商品标签列表、不规则瀑布流列表、网格布局的使用上。简单地说流式布局就是可以自动换行的布局，如我们一行里的控件放不下了，则自动绘制到下一行。Flutter 的 Flow 就可以自己自定义规则来控制子布局排列。Flow 继承自MultiChildRenderObjectWidget，Fl...

文章目录1.TabBar和TabBarView Widget2.BottomNavigationBar Widget3.CupertinoTabBar和PageView Widget4.BottomAppBar Widget5.总结1.TabBar和TabBarView WidgetTabBar 和 TabBarView 一般是搭配使用，TabBar 用来实现 Tab 导航部分，TabBarV...

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

文章目录1.仿写 Instagram 列表页2.仿写登录页3.总结前面已经讲解了一些常用的布局方式、常用 Widget 组件以及 Dart 语法。那么这节博客我们就来一个小总结，通过一个实例小页面来复习巩固我们之前学过的知识，理论结合实践。本课练习篇主要是完成两个完整的页面的编写，将会涉及到前面学习过的布局 Widget 和组件 Widget ，一起来学习吧，很简单！以下的例子会涉及到： Sc...

文章目录1.Scaffold2.Container3.Center前面讲解了 Flutter 的几个基础组件，这节课将讲解跟布局相关的 Widget。每个平台的应用都有其自己的布局方式，例如 Android 有线性布局、相对布局、绝对布局、帧布局、表格布局等等，HTML 前端也有自己的布局方式。Flutter 当然也不例外。那么这节课就带领大家对 Flutter 的基础布局 Widget 中的...

文章目录1.Text Widget2.Image Widget3.Button Widget前面已经讲解了大量的 Flutter 相关基础知识，从这节课开始，我们将进行 Flutter 的系列 Widget、布局的学习。那么这节博客就带领大家对 Flutter 的基础 Widget 中的几个典型，结合案例来讲解用法。1.Text Widget首先我们看 Text Widget 的作用：Te...

文章目录1.用 Flutter 创建一个默认应用2.用 Flutter 编写一个小 Demo3.总结经过前面几节理论课程对 Flutter 的介绍，相信大家对 Flutter 有基础了解，也希望对 Flutter 的编程和应用开发产生了更加浓厚的兴趣。理论过后，估计大家正期待进入 Flutter 应用的编写实践。那么这节课就带领大家先尝试编写一个 Flutter 应用，感受一下 Flutter ...

文章目录1.Flutter 的整体结构层级2.Flutter 的 Widget 分类3.总结Flutter 的面向对象的编程方式，吸取了 React 的编程组件化思维。Flutter 的所有类都可以看做是 Widget，大部分的类都是继承自 Widget 类。所有学习和了解 Flutter 有哪些 Widget、怎么分类的，对我们后续快速学习非常有用，也可以对 Flutter 的结构层级有一个大...

文章目录1.Flutter 项目结构规范2 Flutter 命名规范3.Flutter 代码格式化4.Flutter 注释5.Flutter 代码使用规范5.1 导包相关5.2 字符串相关5.3 集合相关5.4 函数方法相关5.6 异步任务编程相关6.总结想学习好一门编程语言，想标准高效地学习一门编程语言，首先你需要了解它的开发规范。标准的开发规范可以让我们事半功倍，也可以让别人更好地理解和使用...

文章目录1.Flutter的项目架构1.1 android目录1.2 ios目录1.3 lib目录2.Flutter配置文件讲解2.1 pubspec.yaml2.2 其余几个文件3.Flutter代码架构4.总结对于一门新语言或新技术的学习来说，在新建了项目之后，了解其项目结构及含义、配置文件的编写，这些对后续的开发和深入学习起到很重要的作用。俗话说磨刀不误砍柴工，Flutter 的学习也同理...

文章目录1.前言2.参考3.问题4.总结1.前言Flutter 开发工具很多，有很多支持 Flutter 开发的 IDE，比如 Android Studio、Visual Studio Code、InteIIiJ IDEA、Atom、Komodo 等。本博客将使用Android Studio作为主要开发工具，因为 Visual Studio Code 占用内存和 CPU 比较低，非常流畅，体验...

文章目录Flutter简介Flutter简介Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。它也是构建未来的Google Fuchsia应用的主要方式。Flutter是谷歌的移动UI框架，可以快速在iOS和...