标签: Flutter
Flutter菜鸟教程:开发环境如何搭建?
Flutter可以跨平台运行在Windows、macOS、Linux等系统上。接下来介绍如何在Windows、macOS系统上搭建Flutter的开发环境,以及检查Flutter开发环境。
1 下载Flu……
前端跨平台框架:Finclip、 Flutter、Taro、React Native、Weex、 Rax、 Electron
概述
前端跨端实践是指在开发过程中,使用统一的代码库或框架来实现在不同平台上运行的应用程序。
这种实践旨在减少重复开发和维护成本,并提高开发效率和用户……
flutter app开发:camera插件使用相机拍摄照片
app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?
一起来看看吧。
使用……
Flutter Overlay 使用 —— 自定义 Loading、Toast
背景:项目中的 Toast 一直试用的是这个包 another_flushbar ,其 Likes 数量还挺多的,但是使用过程中遇到了一些问题,因为这个 Toast 的实现是利用类似 PageR……
flutter如何快速简单使用相机拍摄照片功能
app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?
一起来看看吧。
使用……
flutter使用AnimationController控制动画效果
flutter提供了比较简单好用的AnimatedContainer和SlideTransition来进行一些简单的动画效果,但是要完全实现自定义的复杂的动画效果,还是要使用AnimationCont……
Flutter 3.10 发布,Element 和 fragment shaders 支持 Web 路线已定,可用性提升
随着 Flutter 3.10 发布,Flutter Web 也引来了它最具有「里程碑」意义的更新,这里的「里程碑」不是说这次 Flutter Web 有多么重大的更新,而是 Flutt……
iOS跨平台开发框架:Flutter、React Native、Weex探秘!
移动互联网的发展,人们对于移动应用的需求日益增长,对于开发人员而言,如何能够在多个平台上快速开发高质量的应用成了一大难点。iOS作为移动应用开发的重要……
flutter开发教程:如何自定义动画路由?
简介
flutter中有默认的Route组件,叫做MaterialPageRoute,一般情况下我们在flutter中进行跳转的话,只需要向Navigator中传入一个MaterialPageRoute就可以了……
flutter Navigator的高级用法:进行数据传递等操作
flutter中一个Router就是一个widget,但是在Android中,一个Router就是Activity,在IOS中,一个Router是一个ViewController。
Router除了之前讲过的push和pop……
MediaQuery——flutter移动开发查询设备信息的利器
移动的开发中,大家可能最头疼的就是不同设备的规格了,现在设备这么多,如何才能在诸多的设备中找到合适的widget的位置来进行绘制呢?
不用怕,在flutter中为……
Flutter中常用GridView layout详解
简介
GridView是一个网格化的布局,如果在填充的过程中子组件超出了展示的范围的时候,那么GridView会自动滚动。
因为这个滚动的特性,所以GridView是一个非常……
Flutter布局:Align组件对齐原理,官方没法清楚,此文彻底搞懂
开发中会经常使用 Align 组件来定位子组件的位置。通常使用的是几个常用的相对位置,比如:alignment: Alignment.bottomRight,右下角这种。最近看官方文档关……
Flutter、Dart中优雅的使用 async await
我们在实际业务中,存在着复杂的异步依赖关系,传统的 then 和 await async 有着各种各样的缺陷,面对复杂的场景并不能很好的书写代码,这篇文章将带你解决 js……
全面了解 Flutter:好在哪里?坑在哪里? 应该怎么学?
Flutter 的起源
Flutter 的诞生其实比较有意思,Flutter 诞生于 Chrome 团队的一场内部实验, 谷歌的前端团队在把前端一些“乱七八糟“的规范去掉后,发现在基……
跨平台技术(Hybrid、RN、Weex、Flutter)优劣势对比盘点
跨平台技术发展的三个阶段
第一阶段是混合开发的web容器时代
为了解决原生开发的高成本、低效率,出现了Hybrid混合开发
原生中嵌入依托于浏览器的WebView
We……
Flutter手把手教程UI布局和Widget——流式布局Warp
Wrap
在Flutter中Wrap是流式布局控件,Row和Column在布局上是很好用,但是有一个缺点,如果当子控件数量过多导致Row或Column装载不下的时候,就会出现UI页面……
FLUTTER编程:AutomaticKeepAliveClientMixin 保持 State 状态
1.前置知识
先对 ListView 组件做个测试,这是一个色块列表,其中每个 Item 是一个自定义的 StatefulWidget ,名为 ColorBox ,其中状态量是 Checkbox 的选……
2021 年,你的Flutter动画还在用 setState ?
1.前置知识
对于每个 UI 帧来说,主要依次执行 Animate、Build、Layout、Compositing bits、Paint、Compositing。每当界面发生变化时,都是一帧触发会更新放……
Flutter 环境配置:Android下玩Flutter
一、Android下玩Flutter
1.下载并安装 Android Studio
这个地址下载可能会比较快一点: developer.android.google.cn/studio
2: 关于Android Studio配置
这里……
Flutter手把手UI布局和Widget教程——文本和样式 Text Widget
Text
我们先来看Text的构造函数都有哪些参数:
const Text(
this.data, {
//data 就是我们需要展示的文字 是字符串类型,这个是必传字段,其他的……
IOS开发:Flutter学习的必要性/思路
一、 Flutter学习的必要性
① 面试角度
从2018年开始到现在2020年; 从小公司到大公司. Flutter 的招聘已经显而易见.本人是一个钢铁程序员,就不以主观去分析 Fl……
拆解PageView,一张图理清Flutter的滑动原理
通过对PageView拆解,从整体上认识Scrollable是如何实现滑动的。
1、基本组件认识
在Flutter的滑动体系中有几个原子组件需要了解,滑动功能正是由这些原子组……
Flutter入门——Widget、Element和RenderObject的由来
可能由于这些文章的切入点不同(或本人愚钝),我在初学(甚至入门一段时间后)flutter时,并不能透彻理解这三棵树的作用到底是什么,大概最大的用处就是应……