自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 声明式 UI 介绍

这篇介绍描述了 Flutter 所使用的声明式 UI 和许多其他 UI 框架所使用的命令式 UI 的概念性差异。1. 为什么是声明式 UI?从 Win32 到 Web 再到 Androi...

2019-11-28 10:10:00

阅读数 149

评论数 0

原创 不同平台操作体验的差异和适配

1. 适配哲学平台适配通常有两种情形:(1)操作系统所特有的操作体验(例如文本编辑和滚动)。如果操作体验与操作系统不一致,则通常会被认为是“错误的”。(2)使用 OEM ...

2019-11-22 10:10:00

阅读数 121

评论数 0

原创 打包和发布到 iOS 平台

这个教程将为你提供关于如何将 Flutter App 发布到App Store和TestFlight的说明。1. 预先准备在开始发布你的 app 的进程之前,确保...

2019-11-21 10:10:00

阅读数 131

评论数 0

原创 Flutter 技术概览

1. Flutter 是什么?Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web ([early a...

2019-11-20 10:10:00

阅读数 120

评论数 0

原创 Flutter 布局基础教程

欢迎来到 Flutter 布局 codelab!你将在这里学到如何构建 Flutter UI,更棒的是这一切都不需要安装 Flutter 或者 Dart!重点提醒这个 codelab 涵盖了 Flutter 的基本布局概念,并且将会使用一个叫做 DartPad 的实验性代码编辑器。DartPad ...

2019-11-19 10:10:00

阅读数 131

评论数 0

原创 打包和发布到 Android 平台

在一般的开发过程中,我们可以使用flutter run命令,或者 IntelliJ 工具栏中的Run和Debug来测试 app。这时候,Flutter 默认会...

2019-11-18 10:10:00

阅读数 123

评论数 0

原创 Flutter 性能分析

你将学到Flutter 的目标是提供 60 帧每秒 (fps) 的性能,或者是在可以达到 120 Hz 的设备上提供 120 fps 的性能。对于 60fps 来说,需要在约每 16ms 的时候渲染一帧。当 UI 渲染不流畅的时候,卡顿就随之产生了。举例来说,如果一帧花了 10 倍的时间来渲染,这...

2019-11-15 10:10:00

阅读数 176

评论数 0

原创 测试 Flutter 应用

通常一个应用的功能越多,手工测试就越困难。自动化测试在发布之前运行,有助于保证我们应用的稳定性和功能的完整性,并且可以快速修复问题。自动化测试可分为以下几类:单元测试测...

2019-11-14 10:10:00

阅读数 112

评论数 0

原创 Flutter 应用性能优化最佳实践

通常来说,Flutter 技术构建的应用程序在默认情况下都是高性能的。所以你只需要避开常见的陷阱,就可以获得优异的性能,而不需要使用复杂的分析工具对细节做优化。这些最佳建...

2019-11-13 10:10:00

阅读数 132

评论数 0

原创 在 VS Code 里开发 Flutter 应用

本文将与你一起回顾如何在 VS Code 里进行 Flutter 应用的开发。1. 安装和配置1.1 更新扩展程序扩展的更新会定期发布。默认情况下,当有可用的更新时 VS...

2019-11-12 10:10:00

阅读数 114

评论数 0

原创 使用原生的调试器

如果你只使用 Dart 语言开发 Flutter 应用,并且不使用特定于平台的的库或者功能,你可以使用 IDE 的调试器调试你的代码。只有这篇指南的第一部分「调试 Dar...

2019-11-11 10:10:00

阅读数 113

评论数 0

原创 Flutter 的构建模式选择

选择哪种编译模式取决于你处于哪个开发周期中。是调试代码阶段,还是需要性能优化分析,抑或是准备部署你的应用了呢?快速简要介绍下列三种构建模式:当你需要分析性能的时候,选择使...

2019-11-08 10:10:00

阅读数 123

评论数 0

原创 调试 Flutter 应用

有很多工具和特性可以帮助调试 Flutter 应用程序,如下列举了一些:开发者工具,是一套运行在浏览器的性能及分析工具。Flutter inspector,是开发者工具提...

2019-11-07 10:10:00

阅读数 137

评论数 0

原创 代码格式化

每个人都有自己喜欢的代码样式。但是根据我们的经验,下面这些做法可以提高团队的开发效率:团队使用单一,共享的代码样式。通过自动格式化代码来保证统一的代码样式。如果没有统一的...

2019-11-06 10:10:00

阅读数 299

评论数 0

原创 热重载 (Hot reload)

Flutter 的热重载功能可帮助您在无需重新启动应用程序的情况下快速、轻松地测试、构建用户界面、添加功能以及修复错误。通过将更新的源代码文件注入到正在运行的Dart ...

2019-11-05 10:10:00

阅读数 305

评论数 0

原创 升级你的 Flutter 版本

无论你使用哪个Flutter 发布渠道,你都可以使用flutter命令来更新 Flutter SDK 和 app 所依赖的 packages。1. 一次性设置为了让...

2019-11-04 10:10:00

阅读数 773

评论数 0

原创 使用 Android Studio 进行 Flutter 开发

本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。创建项目你可以通过多种方式来创建新项目。创建新项目使用 Futter 应用模板...

2019-11-01 10:10:00

阅读数 197

评论数 0

原创 Flutter 中文文档:Packages 的开发和提交

1. Package 介绍通过使用 packages (的模式)可以创建易于共享的模块化代码。一个最基本的 package 由以下内容构成:pubspec.yaml文件...

2019-10-31 10:10:00

阅读数 133

评论数 0

原创 Flutter 中文文档:使用 Packages

Flutter 支持使用其他开发者向 Flutter 和 Dart 生态系统贡献的共享 package,这意味着你可以快速构建应用而不是一切从零开始。现有的 packag...

2019-10-30 10:10:00

阅读数 175

评论数 0

原创 Flutter 中文文档:Flutter 应用里的国际化

你将学习到如何去获取设备的语言环境(用户首选的语言)。如何去管理特定语言环境下的 app 值。如何去定义 app 支持的语言环境。如果你的 app 会部署给说其他语言的用...

2019-10-29 10:10:00

阅读数 176

评论数 0

原创 Flutter 中文文档:实现无障碍支持

Flutter 始终致力于支持那些希望开发出能让包括失明、运动障碍等残障人士在内的,尽可能多的用户无障碍访问自己的应用的开发人员。为实现无障碍支持,Flutter 提供了...

2019-10-28 10:10:00

阅读数 184

评论数 0

原创 使用 Firestore 调用 Firebase 服务

Firebase 是一个用于开发 BaaS 应用的开发平台,它提供了诸如实时数据库、云存储、鉴权、Crash 上报、机器学习、远程配置以及托管你的静态文件等后台托管服务。...

2019-10-25 10:10:00

阅读数 217

评论数 0

原创 Flutter 中文文档:JSON 和序列化数据

很难想象一个移动应用会不需要与 web 服务器通信或者在某些时候轻松地存储结构化数据。当创造需要网络连接的应用时,它可能迟早会处理一些旧的 JSON。本指南介绍了如何在 ...

2019-10-24 10:10:00

阅读数 234

评论数 0

原创 Flutter 中文文档:简单的应用状态管理

现在大家已经了解了在这里,我们打算使用providerpackage。如果你是 Flutter 的初学者,而且也没有很重要的理由必须选择别的方式来实现(Redux、...

2019-10-23 10:10:00

阅读数 212

评论数 0

原创 Flutter 中文文档:短时 (ephemeral) 和应用 (app) 状态的区别

本文将介绍应用 (app)状态,短时 (ephemeral) 状态, 以及在一个 Flutter 应用中你可以如何应用这两种状态。广义上来讲,一个应用的状态就是当这个应用...

2019-10-22 10:10:00

阅读数 191

评论数 0

原创 状态管理中的声明式编程思维

如果你早已熟悉响应式 App 中的状态管理,你可以跳过这个部分,不过这里也有一些关于状态 (State) 管理参考的信息供你查阅。链接:https://flutter...

2019-10-21 10:10:00

阅读数 192

评论数 0

原创 Flutter 中文文档:点击、拖动和其他手势

这个章节将会讲解如何监听和响应 Flutter 的手势操作gestures。典型的手势操作包括点击、拖动和缩放。Flutter 中的手势有两个不同的层次:第一层是原始的...

2019-10-18 10:10:00

阅读数 199

评论数 0

原创 Flutter 中文文档:动画概览

Flutter 中的动画系统基于Animation。widgets 可以直接将这些动画合并到自己的 build 方法中来读取它们的当前值或者监听它们的状态变化,或者可以...

2019-10-17 10:10:00

阅读数 195

评论数 0

原创 Flutter 中文文档:动画效果介绍

以轻松实现各种动画类型。许多 widgets 尤其是 Material widgets,在其设计规范定义中都自带标准动画效果,不过也支持定制效果。通过下面的资源可以很好的...

2019-10-16 10:10:00

阅读数 190

评论数 0

原创 Flutter 中文文档:在 Flutter 应用里实现动画效果

本章内容如何使用动画库中的基本类为 widget 添加动画。AnimatedWidget和AnimatedBuilder的应用区别。本教程将讲解如何在 Flutte...

2019-10-15 10:10:00

阅读数 364

评论数 0

原创 widgets 介绍

Flutter 从React中吸取灵感,通过现代化框架创建出精美的组件。它的核心思想是用 widget 来构建你的 UI 界面。Widget 描述了在当前的配置和状...

2019-10-14 10:10:00

阅读数 172

评论数 0

原创 Flutter 中文文档:添加资源和图片

Flutter 应用程序包含代码和assets(有时称为资源)。资源是被打包到应用程序安装包中,可以在运行时访问的一种文件。常见的资源类型包括静态数据(例如 JSON ...

2019-10-12 10:10:00

阅读数 183

评论数 0

原创 Flutter 中文文档:为你的 Flutter 应用加入交互体验

你会学到什么如何响应点击。如何创建自定义 widget。无状态和有状态 widget 之间的区别。如何修改您的应用程序以使其对用户输入做出反应?在本教程中,您将为仅包含非...

2019-10-11 10:10:00

阅读数 265

评论数 0

原创 Flutter 中文文档:处理边界约束 (Box constraints)

Flutter 中的 widget 由在其底层的RenderBox对象渲染而成。渲染框由其父级 widget 给出约束,并根据这些约束调整自身尺寸大小。约束是由最小宽...

2019-10-10 10:10:00

阅读数 540

评论数 0

原创 Flutter 中文文档:布局构建教程

你将会学习到布局构建教程Flutter 的布局机制是如何工作的。如何竖直或者水平地对 widgets 进行布局。如何构建一个 Flutter 布局。这是一份如何在 Flu...

2019-10-09 10:10:00

阅读数 2684

评论数 0

原创 Flutter 中文文档:Flutter 中的布局

要点widgets 是用于构建 UI 的类。widgets 可以用于布局和展示 UI 元素。通过组合简单的 widgets 来构建复杂的 widgets。Flutter ...

2019-10-08 10:10:00

阅读数 370

评论数 0

原创 Flutter 中文文档:点击、拖拽事件和文本输入

我们构建的大部分 Widget 不仅仅需要展示信息,还需要响应用户交互。常见的交互有用户点击按钮、在屏幕上拖动组件和在TextField中输入文本。为了测试这些交互,...

2019-09-30 10:10:00

阅读数 193

评论数 0

原创 Flutter 中文文档:定位到目标 widgets

在测试环境下,为了定位 widgets,我们需要用到Finder类。我们可以编写自己的finderclasses,不过通常使用flutter_test包提供的工...

2019-09-29 10:10:00

阅读数 231

评论数 0

原创 Flutter 中文文档:Widget 测试介绍

在部分,我们学习了使用test这个 package 测试 Dart 类的方法。为了测试 widget 类,我们需要使用flutter_testpackage 提...

2019-09-27 07:30:00

阅读数 216

评论数 0

原创 Flutter 中文文档:使用 Mockito 模拟依赖关系

某些情况下,单元测试可能会依赖需要从线上 web 服务或数据库中获取数据的类。这样会带来一些不便,原因如下:访问线上服务或数据库会拖慢测试执行效率。原本可以通过的测试可能...

2019-09-26 10:10:00

阅读数 214

评论数 0

提示
确定要删除当前文章?
取消 删除