动画实用教程 | 通过 SnackBar 为用户提供更好的提醒

在某些情况下,我们需要用方便且友好的方式告诉用户发生了什么。例如,当用户滑动删除列表中的一条消息时,我们或许想提醒用户消息已经被删除了,或者除了提醒之外,我们还可以提供一个撤销的操作。

阅读全文 »

写给React Native程序员的Flutter入门指南

本文面向希望基于现有的 React Native 的知识结构使用 Flutter 开发移动端应用的开发者。如果你已经对 RN 的框架有所了解,那么你可以通过这个文档入门 Flutter 开发。

阅读全文 »

使用Flutter实现Twitter点赞功能

探探大家应该都听说过,很常用的一款软件了。之前在写仿“探探”左滑/右滑的效果的时候,设计稿底部的喜欢Icon其实是有类似于Twitter点赞 那种的动效的。本文探讨如何实现。

阅读全文 »

Flutter的一生,最通俗的讲解

在学习Flutter之前,我们总会要从最基本的东西了解起来,就好比当接触Android的时候,我们学四大组件都要学好久,是否还记得在Android的生命周期?首先让我们回顾下Android中的生命周期。然后再去对比一下Flutter,你就会有更深刻的认识和理解。

阅读全文 »

Flutter路由详解

前面的文章我们介绍了Flutter的一些基础知识点,基本上都是静态为主的,今天我们开始讲一下Flutter的交互。做过前端的朋友,或者移动端的朋友们,应该对路由这个词语是比较熟悉的。不熟悉的朋友也不要着急,我们这篇文章讲的就是Flutter中的路由,让大家掌握Flutter中的路由操作方式,以及数据交互方式

阅读全文 »

Flutter的布局 - 水平布局与垂直布局详解

前言 UI是开发的门面,布局是UI的基础的基础,学好布局对开发项目来说是至关重要的。本文是Flutter中的布局系列文章的第一篇,该系列文章分为两大部分:前部分是讲解简单的布局介绍,后部分是教你如何快速写出复杂多变的布局。该系列文章旨在帮助大家快速掌握Flutter的布局。不管是有没有原生移动端开发经验,只要你用心的学完本系列文章,你就可以掌握Flutter中的布局。

阅读全文 »

老司机教你阅读Flutter官方文档

在 2017年的谷歌 I/O大会上,Google推出了Flutter ---- 一款新的用于创建移动应用的开源库。在2018年初世界移动大会上发布了 Flutter的第一个Beta版本,2018年5月的 I/O大会上更新到了Beta3版本,向正式版又迈进了一步。一时间业内对Flutter的关注度越来越高。谷歌官方也提供了Flutter官方文档 https://flutter.io/docs/

阅读全文 »

Flutter的手势GestureDetector分析详解

在我们的App开发中,手势操作是必不可少的步骤,我们可以通过手势操作实现各种交互,也可以通过手势识别器的回调监听获得相关的触摸反馈信息和数据,以便相关功能开发中可以使用到这些数据。

阅读全文 »

Flutter for Web详细介绍

Flutter for Web 是Flutter的代码兼容实现,使用基于标准的Web技术呈现:HTML,CSS和JavaScript。使用Flutter for web,您可以将使用Dart编写的现有Flutter代码编译成可以嵌入浏览器并部署到任何Web服务器的客户端体验。您可以使用Flutter的所有功能,而不需要浏览器插件。

阅读全文 »

Flutter插件详解及其发布插件

Flutter提供了和原生做交互的方式,有了和原生交互这个功能,我们就可以达到Flutter调用原生平台的相关功能的目的。换句话说,Flutter做不到的事(比如:设备有关的、第三方SDK、长连接等),我们都可以通过Flutter与原生交互来做到,其中插件的编写是必不可少的一个过程,所以我们一定要掌握插件的编写。

阅读全文 »

Flutter代码模板插件,解放双手,提高开发效率必备

使用Flutter开发的朋友们都有一个疑问,开发工具自带的快捷提示不是很丰富,没有你想要的功能,不管是AS还是IDEA都很有局限性,有的朋友可能在用VSCode,那个插件更不用说了,插件少得可怜,我都试用过功能也很少,都不太好用,扩展性也不好,也不好修改。于是我自己就写了一些常用Flutter代码模板,导入AS或者IDEA可以直接使用,同时针对VSCode我也做了一份代码模板,方便使用VSCode的朋友们进行Flutter开发。

阅读全文 »

Flutter 1.7 版正式发布

今天,我们非常高兴地向大家宣布又一个正式版本的发布 —— Flutter 1.7,这是继上次 I/O 时众多重要功能发布以来的一次小更新。Flutter 1.7 包含了对 AndroidX 的支持,满足了 Play 商店近期对应用提出的要求,包含了一些新的和增强过的组件,修复了开发者们提出的 bug 等。

阅读全文 »

跨平台开发,看这一篇文章就可以了

经常看到大家在一些技术群热火朝天的争论跨平台技术的牛逼之处,其实是毫无意义的,尺有所短寸有所长,每个技术各司其职,没有好坏之分。争论有何意义?我们倒不如来研究一下,这个跨平台技术适不适用以及性能和稳定性等方面的做个比较。

阅读全文 »

读写文件

本指南介绍如何使用PathProvider插件和Dart的IO库在Flutter中读写文件 。

阅读全文 »
阅读全文 »

Flutter框架概览

Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序

阅读全文 »

Effective Dart: 最佳实践

这部分是 Effective Dart 中最重要的内容。 在你的 Dart 代码中会一直使用这些指导原则。 使用你编写的库的用户可能不太注意到其中的问题, 但是维护你类库的人一定会发现其中的问题。

阅读全文 »
阅读全文 »

Effective Dart: 文档

如果您已经知道了代码的上下文信息,则更容易理解代码。 但是当新手阅读您的代码或者很久以后您再次阅读您的代码, 代码的上下文信息可能已经不记得了。编写精炼的、准确的注释 只需要几秒钟,但是以后可能节省其他人几个小时 的时间来读懂您的代码。

阅读全文 »

Dart 库预览

这里讲介绍 Dart 核心库中的主要特性和功能。 只是一个预览,并不会面面俱到。 如果你想了解更详细的信息,请参考 Dart API 文档。

阅读全文 »
阅读全文 »

Flutter Widget框架概述

Flutter widget 采用现代响应式框架构建,中心思想是用widget构建你的UI。Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。当widget的状态发生变化时,widget会重新构建UI,Flutter会对比前后变化的不同,以确定底层渲染树从一个状态转换到下一个状态所需的最小更改...

阅读全文 »
阅读全文 »

使用自定义字体

你可以在你的Flutter应用程序中使用不同的字体。例如,您可能会使用您的设计人员创建的自定义字体,或者您可能会使用Google Fonts。

阅读全文 »

为Flutter应用程序添加交互

本文详细的介绍了如何给Flutter应用程序添加交互和事件,以及了解Flutter中的State、StatefulWidget、stateless等概念。

阅读全文 »

JSON和序列化

在本教程中,我们将探讨如何在Flutter中使用JSON。我们回顾一下在不同情况下使用的JSON解决方案以及原因。

阅读全文 »

使用热重载

Flutter的热重载(hot reload)功能可以帮助您在无需重新启动应用的情况下快速、轻松地进行测试、构建用户界面、添加功能以及修复错误...

阅读全文 »

使用包来开发Flutter应用

Flutter支持使用由其他开发者贡献给Flutter和Dart生态系统的共享软件包。这使您可以快速构建应用程序,而无需从头开始开发所有应用程序。

阅读全文 »

发布Flutter开发的Android程序

在典型的开发周期中,您将使用flutter run命令行或者IntelliJ中通过工具栏运行和调试按钮进行测试。默认情况下,Flutter构建应用程序的debug版本。

阅读全文 »

Effective Dart: 代码风格

毋庸置疑好代码的代码风格一定是优雅的。一致的命名规则、一致的顺序、 以及一致的格式让代码看起来是一样的最终执行就是一样的。

阅读全文 »

编写国际化Flutter App

本文介绍了如何对Flutter应用进行国际化和多语言支持如果您的应用可能会给另一种语言的用户使用,那么您需要“国际化”它。这意味着您在编写应用程序时需要为应用程序支持的每种语言环境...

阅读全文 »

Dart 语法预览

本页内容告诉你如何使用 Dart 语言的主要特性,从变量到操作符、 从类到库,我们假定你在阅读本页内容之前已经 了解过其他编程语言了。

阅读全文 »

在Flutter中添加资源和图片

Flutter应用程序可以包含代码和资源。资源是打包到程序安装包中的,可在运行时访问。常见类型的asset包括静态数据(例如JSON文件),配置文件,图标和图片(JPEG,WebP,GIF,动画WebP / GIF,PNG,BMP和WBMP)。

阅读全文 »
阅读全文 »

期待已久,Flutter 1.0 正式发布!

在昨晚(2018年12月04日)的 Flutter Live 2018 上,Google 宣布 Flutter 1.0 正式发布。这是一个基于 Dart 的移动开发平台,旨在帮助开发者在 iOS 和 Android 两个平台上开发高质量的原生应用界面。此外,Google 还宣布了 Flutter 运行时基于 Web 的实验性实现,旨在将 Flutter 应用引入标准 Web 浏览器。

阅读全文 »
阅读全文 »

Flutter中的盒约束

盒约束是指widget可以按照指定限制条件来决定自身如何占用布局空间,所谓的“盒”即指自身的渲染框。

阅读全文 »