分类: 移动开发
thumbnail

Flutter移动开发如何自定义饼状图和大转盘

入门时下最火的移动开发技术Flutter也快一年了,一直没遇到入门级但又不失逼格的自定义控件,最近她来了,看似简单,实则蕴含flutter中的绘制基础、动画基础,……
thumbnail

Flutter开发类似 Android 中 PopupWindow 效果的分享弹框页

学习 Flutter 过程中需要处理一个类似 Android 中 PopupWindow 效果的分享弹框页。看似很简单的页面,里面却有很多值得尝试的地方。 小菜测试时主要用 GridVie……
thumbnail

Flutter 图片加载方式、源码实现流程,优化点有什么?

你将获得? 1、Flutter 图片加载方式 2、Flutter 图片加载源码实现流程 3、Flutter 图片加载优化点有什么 Flutter Image 在 Flutter 中 Image 是展示图片的……
thumbnail

Flutter仿写Linear Layout(线性布局) for android developer

LinearLayout(线性布局)是在Android开发的时最常用的布局之一。今天在Flutter上实现LinaearLayout相关的属性。 1.orientation LinearLayout的android:orient……
thumbnail

环境配置、项目分析、构建与开发过程方面详细介绍Flutter for Web

环境配置、项目分析、构建与开发过程等方面详细介绍Flutter for Web。 前言 在 上海举办的谷歌开发者大会(GDD)上,谷歌 Flutter 团队宣布 Flutter 版本正式……
thumbnail

Flutter app开发:错误捕获的正确姿势

软件开发过程中,错误和异常总是在所难免。 不管是客户端的逻辑错误导致的,还是服务器的数据问题导致的,只要出现了异常,我们都需要一个机制来通知我们去处……
thumbnail

饿了么Redis “附近的人”功能,到底是怎么实现的呢?

针对“附近的人”这一位置服务领域的应用场景,常见的可使用PG、MySQL和MongoDB等多种DB的空间索引进行实现。而Redis另辟蹊径,结合其有序队列zset以及geohash……
thumbnail

Flutter | 定义一个通用的多功能网络请求 Widget

说起网络请求的控件,我们首先是不是会想起 FutureBuilder? FutureBuilder 给我们封装好了网络请求中的各种状态。 本篇文章中只是提供一种思路,欢迎一起探……
thumbnail

Flutter创建拍手动画模型,学习一些有关动画的核心概念

从创建一个新的Flutter项目生成的代码开始,创建一个新的Flutter项目,你就会得到下面的代码: import 'package:flutter/material.dart'; void main() =&……
thumbnail

Flutter状态管理之Provider的理解使用

一、为什么需要Provider管理状态 数据变化,数据共享,需要Provider Flutter的代码,是响应式/声明式的。以前安卓/iOS的代码,是命令式的。 响应式的代码,……
thumbnail

Flutter 监听滚动控件及实战appBar滚动渐变

Flutter 中滚动监听一般可以采用两种方式来实现,分别是 ScrollController 和 NotificationListener 这两种方式。 ScrollController介绍 ScrollController ……
thumbnail

Flutter开发实战教程:神奇的ScrollPhysics与Simulation

一、前言 如下图所示,Flutter 默认的可滑动 Widget,在 Android 和 iOS 上具备不同的 滑动与边缘拖拽效果 ,这是因为在不同平台上,默认使用了不同的 Scroll……
thumbnail

Flutter 动画开发:基于补间 (Tween) 和物理 (Physics)

UI界面设计合理的动画,可以让用户觉得更加流畅、直观,提高用户的交互使用感受,改善用户体验。 在 Flutter 中动画分为两类:基于补间 (Tween) 的和基于物……
thumbnail

Flutter开发超简单仿微信QQ侧滑菜单组件

这种需求肯定不陌生: 侧滑出菜单,在Flutter 当中,这种需求怎么实现? 看一下实现的效果: 需求分析 老套路,先分析一下需求: 首先可以滑出菜单 菜单……
thumbnail

前端 Flutter 劝退指南:不是谁都可以学~

作者:陈微语 什么是 Flutter 首先,什么是 Flutter? 官网解释: Flutter是一款 Google 开源的 SDK,可跨平台地为移动端,Web 端,桌面端构建高性能的应用……
thumbnail

小程序架构与技术的底层实现原理及思考

作者:Berwin 一直在做小程序的底层实现,过程中磕磕绊绊也多次进行架构方向上的转型,趁着周末抽空写一篇文章记录一下开发过程中遇到的问题和一些思考与决……
thumbnail

Flutter线程管理与Dart Isolate机制

终端业务需求日益复杂,版本迭代日趋于频繁的情况下,我们迫切需要优秀的多端统一跨平台开发方案以提升研发效率。目前已有类似RN,Weex这种通过JavaScript桥接……
thumbnail

学习flutter,配置dart sdk时候遇见的那些坑

学习flutter,配置dart sdk的时候遇见个坑,做个分享。 flutter是基于dart语言开发的,需要先配置dart sdk(我用vscode来敲dart)。 第一步,打开 dart.dev ……
thumbnail

Flutter开发之Flex、FittedBox、Stack、Container布局教程

布局 Flex布局 Flutter中的Flex布局和Web的CSS中的Flex布局类似。 在Flutter 中用于控制Flex布局的有Row,Column,Expanded,Flexible,Spacer,Flex这些控……
thumbnail

Flutter中Router的概念 | Navigator解读

说Navigator之前是我们先简单说一下Flutter中的Router的概念 Router 路由是对屏幕界面的抽象。例如,'/home'将带您进入首页, '/login'将您带到登陆页。 简单……
thumbnail

Flutter1.9升级体验总结:flutter run -d chrome初次体验就报错

一、切换分支并升级到最新版本 建议使用master分支。使用 flutter upgrade 命令升级到最新版本。 二、使用命令flutter run -d chrome初次体验就报错了。 我新……
thumbnail

Flutter 1.9 稳定版发布:Flutter for web 合并至 主仓库、支持 macOS Catalina 和 iOS 13

昨日在上海举办的中国 Google 开发者大会(Google Developer Days China)上,Flutter 团队在主题演讲环节中发布了 Flutter 的最新稳定版本:Flutter 1.9。……
thumbnail

Flutter 开发小例子带你认识动画 Animation

APP中充斥着各种各样的动画,有的是用 GIF,有的用的 Flare,有的是用的 Lottie...。 而对于 Flutter 原生动画来说,也是非常强大的。 下面就是一个小小的例……
thumbnail

Flutter 中如何设计 Activity 界面?

Dart 是一门基于面向对象的语言,对一个 Android 开发者来说是很容易掌握的。 目标 在这篇文章结束时,我们将使用 Flutter 创建一个如下图所示的 Activity ……