这篇来写写 Flutter Android 版的安装配置,并运行一个 demo。 目录:系统要求获取 Flutter SDKAndroid Studio 设置运行 demo 1. 系统要求要安装并运行 Flutter,你的开发环境必须满足以下最低要求:操作系统: macOS (64-bit)。磁盘空间: 700 MB (不包括 Xcode 或 A
转载
2024-03-07 15:35:11
491阅读
文章目录简介效果图玩安卓API主要架构MVVM网络框架Dio本地数据保存基本界面绘制总结: 简介随着Google的推动,官方说了不会放弃java,但是kotlin的更新速度以及后面JetPack一系列开发组件的推出到现在强推的Compose,emmm…这个糟老头子坏的很。搞Android的都知道我们布局文件都写在xml里面,这还要去findid在编译的时候就等于多编译了一次,相比直接声明UI速度还
模拟器中调试元素的布局: Android Studio 右侧边栏 Flutter Inspector,选择 Toggle Debug Paint 打开。格式化代码: 编辑器中右键 Reformat Code with dartfmt。使用外部功能包(https://pub.dartlang.org/flutter): 把外部包名加到 pubspec.yaml 的 dependencies 依
转载
2024-05-05 12:50:26
147阅读
一个优秀的可定制化Flutter相册组件,看这一篇就够了背景 在做图片、视频相关功能的时候,相册是一个绕不开的话题,因为大家基本都有从相册获取图片或者视频的需求。最直接的方式是调用系统相册接口,基本功能是满足的,一些高级功能就不行了,例如自定义UI、多选图片等。我们调研了官方的image_picker,它也是调用系统的相册接口来处理的,可定制程度不高,不能满足我们的要求。所以我们选择自己来开发Fl
转载
2024-06-13 21:16:02
188阅读
Flutter官方并没有对Widget进行官方分类,其实对于容器和布局类型的划分比较纠结,有些感觉不是很明确怎么去划分到哪个部分,先按容器下可以添加子控件的数量作为分类标准,添加多个子控件的为布局,对单个组件进行设置的为容器,如果以后有好的方法再进行调整。 这里分出来的容器有Padding,Align,Positioned,Container,Scaffold,Transform,Constrai
转载
2024-08-05 13:16:06
22阅读
如果不配置会报错: VSCode中调试flutter出现Downloading canvaskit错误 首先打开flutter SDK 的安装目录,找到flutter.gradle文件 搜索 buildscript 找到代码位置,大概是50行左右 把原有的google()和mavenCentral(
转载
2022-05-19 12:06:57
2070阅读
在做android项目的时候,我们经常要用到上拉刷新列表,下拉刷新列表的功能,这里简单介绍一个PullToRefresh的使用。 一,下载PullToRefresh,地址:https://github.com/chrisbanes/Android-PullToRefresh。这里面,我们只要其中的Library工程。将它引入我们的工程,在android studio1.01中的引用方法&nb
转载
2024-10-24 09:29:42
149阅读
flutter环境配置的具体步骤如下:1). 下载flutter2).下载后的文件解压,放在你想指定的目录下(我以放在桌面为例)3).配置环境变量vim ~/.bash_profile输入后,出现上图界面,则表明已经存在,我们直接点击大写字母Q退出就OK!4).export PATH=路径/bin:$PATHexport PATH=/Users/zj/Desktop/flutter/bin:$PA
转载
2024-04-25 12:59:02
49阅读
目录前言动态路由静态路由静态路由传参Fluro 实现路由导航与传参前言在 Flutter 中,App 多个页面之间的跳转是由 Navigator(导航器)来管理的,如常见的 Navigator.push 跳转到下一页,Navigator.pop 回到上一页,同时也会涉及到页面之间的参数传递。本文主要介绍一下动态路由、静态路由及第三方路由插件 Fluro,它们在页面跳转、参数传递的区别和各自的优缺点
转载
2024-06-03 11:21:08
124阅读
void prepareLoc(Map androidMap, Map iosMap)将您所设置的Android端和iOS端定位参数以键值对map形式传递到原生端对外接口中。Android端和iOS端目前支持设置以下定位参数:1. Android端BaiduLocationAndroidOption androidOption = new BaiduLocationAndroidOption();
转载
2024-03-03 11:48:55
172阅读
1. flutter编程范式和vue很像,flutter也是采用声明式编程. 有状态管理的概念2. StatefulWidgetStatefulWidget是有 状态变化的widget状态交给State类来管理更改完状态后必须用setState()提交3. StatelessWidgetStatelessWidget是无状态变化的widgetStatelessWidget里的变量应该都用final
转载
2024-08-05 20:12:15
187阅读
FutureFuture有三种状态未完成、完成带有值、完成带有异常,使用Future可以简化事件任务。 假如你有一个按钮,点击之后开始下载图片,首先事件循环机制会处理你的点击事件,然后开始下载图片,当下载完成,你可以使用then来注册回调,然后获取到图片并显示出来。通常我们不会直接创建,网络下载图片会返回一个Future,文件I/O会返回一个Future,那我们怎么创建一个呢?只需要关键字asyn
在windows中添加镜像打开环境变量PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn为 Flutter 设定镜像配置如果你在国内使用 Flutter,那么你可能需要找一个与官方同步的可信的镜像站点,帮助你的 Flutter 命令行工具到该镜像站点下载其所需
初始印象官方版:Flutter allows you to build beautiful native apps on iOS and Android from a single codebase.。用大白话说,就是【Flutter让你用一套代码,同时在ios和android上构建漂亮的应用】个人版:flutter可以让你同时在ios和android上起飞。不过RN或者weex不是就能做到了吗?
return Container(
height: 50,
width: double.infinity,
margin: EdgeInsets.all(10),
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
borderRadius: BorderRadius.circular(4.0),
),
前言接上回 Flutter——在Android平台上的启动流程浅析,我们来看看穿插在其中的native层都做了什么。由于代码较多,我会将说明以注释的形式写在代码里,并删除非必要代码FlutterLoader在flutterLoader中的这个startInitialization()方法中:public void startInitialization(@NonNull Context appli
Flutter 是一个 Google 开发平台,可让您使用一个代码库编写跨平台移动应用程序。应用程序是用 Dart 开发的,Dart 是一种类型化和面向对象的语言,可以编译为本机代码或 JavaScript。这意味着您可以使用单个 Flutter 项目针对 Android、iOS、桌面操作系统和 Web。Flutter 附带了一个类似于 React 的框架,用于声明性地定义接口。它还附带内置 M
序言之前有个技改任务,把司机学堂代码由原生转到Flutter。过程中遇到一个问题,学堂资料有pdf、视频、和图片,三种学习都会有几个共同的方法,比如学习进度更新、弹窗提示、完成接口调用等。在iOS中是用协议方法来实现,方法公用,那在Flutter中是否有相同的方法呢?mixin官方定义:Mixins are a way of reusing a class’s code in multiple c
转载
2024-09-11 19:10:43
33阅读
随着flutter环境的搭建成功,我趁热打铁照着教程做起了第一个app的demo 这个教程分两步,第一步我还是跟他(https://flutter.cn/docs/get-started/codelab)一步步下来,感觉挺有收获的,编码习惯,编码语法之类的;项目也正常运行起来,没有问题:第二步 像列表添加图标添加交互导航到新页面使用themes修改UI 第
简介: 阿里巴巴历时 3 年自研开发的 Web 渲染引擎北海(英文名:Kraken)正式开源,致力打造易扩展,跨平台,高性能的渲染引擎,并已在优酷、大麦、天猫等业务场景中使用。作者 | 染陌 阿里巴巴历时 3 年自研开发的 Web 渲染引擎北海(英文名:Kraken)正式开源,致力打造易扩展,跨平台,高性能的渲染引擎,并已在优酷、大麦、天猫等业务场景中使用。一 背景互联网业务如火如荼地发