首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
flutter getx 实例
2024-10-19
【源码篇】Flutter GetX深度剖析 | 我们终将走出自己的路(万字图文)
前言 人心中的成见是一座大山,任你怎么努力都休想搬动. 这是电影<哪吒>里申公豹说的一句话,也是贯彻整部电影的一个主题:或许这句话引起了太多人的共鸣:35岁职场危机,大厂卡本科学历,无房无车结婚难等等,所以,这句话也经常被人提起. 同时,因为GetX作者的一些言论,也让一些成见一直伴随着GetX这个框架. 我写这篇文章,并不是为GetX正名 我自问自己并不是任何一个状态框架的死忠者,Provider和Bloc,我写了相关使用.原理剖析文章和相关代码生成插件 在我心中,这类框架并没有多么神秘 因
Flutter GetX使用---简洁的魅力!
前言 使用Bloc的时候,有一个让我至今为止十分在意的问题,无法真正的跨页面交互!在反复的查阅官方文档后,使用一个全局Bloc的方式,实现了"伪"跨页面交互,详细可查看:flutter_bloc使用解析:fish_redux的广播机制是可以比较完美的实现跨页面交互的,我也写了一篇近万字介绍如何使用该框架:fish_redux使用详解,对于中小型项目使用fish_redux,这会一定程度上降低开发效率,最近尝试了GetX相关功能,解决了我的相当一部分痛点 把整篇文章写完后,我马上把自己的
GetX代码生成IDEA插件,超详细功能讲解(透过现象看本质)
前言 本文章不是写getx框架的使用,而且其代码生成IDEA插件的功能讲解 我之前写过俩篇很长很长的getx文章 一篇入门使用:Flutter GetX使用---简洁的魅力! 一篇原理深度剖析:Flutter GetX深度剖析 | 我们终将走出自己的路(万字图文) 鱼和渔都已经交给大家了,就没必要去赘述了 同时,我也写了一个getx代码生成插件:getx_template,这个工具相当于钓鱼座椅(让你更舒服的钓鱼或吃鱼?)吧!初期功能十分简单,就是生成单页面相应的模块代码,连个记忆选项功能都没有
flutter_boot android和flutter源码阅读记录
版本号0.1.54 看源码之前,我先去看下官方文档,对于其源码的设计说明,文中所说的原生都是指android 看完官方文档的说明,我有以下几个疑问 第一个:容器是怎么设计的? 第二个:native和flutter的channel的通道是如何设计的? 第三个:Flutter是适配层到底再做些什么? 中控中心FlutterBoost 单独拎出来讲讲,这个类比较简单,就是集合各个模块并让其初始化,同时也是该插件入口处,不管原生和flutter都一样,看源码也是从这里开始看起,但原生和flutter的初
无限可能 | Flutter 2 重点更新一览
我们非常高兴在本周发布了 Flutter 2.自 Flutter 1.0 发布至今已有两年多的时间,在如此短暂的时间内,我们解决了 24,541 个 issue,合并了来自 765 个贡献者的 17,039 个 PR.自九月发布 Flutter 1.22 以来,我们已解决 5,807 个 issue,合并了来自 298 个贡献者的 4,091 个 PR.在此特别感谢广大的贡献者,将业余时间慷慨地投入到 Flutter 项目的优化中.Flutter 2 的杰出贡献者有 xu-baolin (贡献了
Flutter 改善套娃地狱问题(仿喜马拉雅PC页面举例)
前言 这篇文章是我一直以来很想写的一篇文章,终于下定决心动笔了. 写Flutter的小伙伴可能都感受到了:掘金的一些热门的Flutter文章下,知乎的一些Flutter的话题下或者一些论坛里面,喷Flutter套娃地狱总是永不过时的一个话题. 如果你不服气,上去辩驳俩下:"嵌套是你代码习惯问题,你看我,直接一个Row,反手一个Column,在children中把widget一提,层次分明,年轻人望你耗子尾汁,莫要瞎带节奏":然后你可能就被一群人喷成狗,大意了,这帖子没同一阵营的小伙伴,
最近学习工作流 推荐一个activiti 的教程文档
全文地址:http://www.mossle.com/docs/activiti/ Activiti 5.15 用户手册 Table of Contents 1. 简介 协议 下载 源码 必要的软件 JDK 6+ Eclipse Indigo 和 Juno 报告问题 试验性功能 内部实现类 2. 开始学习 一分钟入门 安装Activiti 安装Activiti数据库 引入Activiti jar和依赖 下一步 3. 配置 创建ProcessEngine ProcessEngineConfigur
20个Flutter实例视频教程-第10节: 一个不简单的搜索条-1
20个Flutter实例视频教程-第10节: 一个不简单的搜索条-1 视频地址: https://www.bilibili.com/video/av39709290/?p=10 博客地址: https://jspang.com/post/flutterDemo.html#toc-b14 创建demo06: search_bar_demo.dart 我们搜索的东西一般和后台是有交互的,我们需要一个文件来模拟后台请求数据:asset.dart 这是一个动态的widget: 搜索框放在我们导航条的右边
20个Flutter实例视频教程-第13节: 展开闭合案例
20个Flutter实例视频教程-第13节: 展开闭合案例 视频地址: https://www.bilibili.com/video/av39709290/?p=13 博客地址: https://jspang.com/post/flutterDemo.html#toc-f0f 创建demo08 main.dart expansion_tile.dart 效果预览 代码 import 'package:flutter/material.dart'; import 'expansion_tile.d
如何用 Flutter 实现混合开发?闲鱼公开源代码实例
Flutter: 必火,转两篇软文预热哈哈~ 中文网: https://flutterchina.club/get-started/test-drive/ 如何用 Flutter 实现混合开发?闲鱼公开源代码实例 https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247490236&idx=1&sn=8d352c6f212e273346431615204f1aca&chksm=e92927b3de5eaea55d9
Flutter JSON解析与复杂模型转换技巧及实例
其实转换成model类是有好处的,转换后可以减少上线后APP崩溃和出现异常,所以我们从这节课开始,要制作model类模型,然后用model的形式编辑UI界面. 类别json的分析 比如现在从后台得到了一串JSON数据: { "code": "0", "message": "success", "data": [{ "mallCategoryId": "4", &quo
【Flutter学习】之绘画实例(一)
一,概述 画布(Canvas) 画布是一个矩形区域,我们可以控制其每一像素来绘制我们想要的内容 Canvas 拥有多种绘制点.线.路径.矩形.圆形.以及添加图像等的方法,结合这些方法我们可以绘制出千变万化的画面. Canvas中有多个与绘制相关的方法,如drawLine().drawRect().drawOval().drawOval().等方法. 画笔(Paint) 虽然,画布可以画点,线,路径,矩形,圆形等,但是决定这些图形颜色.粗细表现的还是画笔Paint非常好理解,就是我们用来画图形的工
Flutter实例一--底部规则导航栏制作
先来看看制作效果: 前置知识--StatefulWidget StatefulWidget具有可变状态(state)的窗口组件(widget).使用时要根据变化状态,调整State值, 能够快速初始化,在VSCode中直接使用快捷方式生成代码(直接在VSCode中输入stful后回车自动生成结构),如下: class name extends StatefulWidget { _nameState createState() => _nameState(); } class _nameStat
20个Flutter实例视频教程-01节底部导航栏和切换效果的制作-1
视频地址: https://www.bilibili.com/video/av39709290?zw 博客地址: https://jspang.com/post/flutterDemo.html#toc-ff4 flutter create demo01:命令行来创建项目,这里我就不创建,直接用我原来的代码 D:\Flutter\Demo\demo03 bottom_navigation_widget.dart 新建:bottom_navigation_widget.dart main里面引用这
20个Flutter实例视频教程-第02节: 底部导航栏制作-2
视频地址: https://www.bilibili.com/video/av39709290?p=2 博客地址: https://jspang.com/post/flutterDemo.html#toc-4df 新建pages页面里面新建:home_screen.dart 内容比较简单 分别复制三个dart组件出来.然后分别改改名字即可, 里面的内容分别做下修改 引用四个页面: 动态的组件就是要维护他的state 重写初始化状态的方法:initState方法 重写之前 现在上面声明 两个变量
20个Flutter实例视频教程-第03节: 不规则底部工具栏制作-1
第03节: 不规则底部工具栏制作-1 博客地址: https://jspang.com/post/flutterDemo.html#toc-973 视频地址: https://www.bilibili.com/video/av39709290?p=3 视频里面的评论:动态组件就是可以setState的组件 flutter create demo02的项目 这里是定义主题的地方:自定义主题使用theme然后里面使用:primarySwatch,后面主要跟的就是我们的颜色 引入:bottom_app
20个Flutter实例视频教程-第04节: 不规则底部工具栏制作-2
视频地址: https://www.bilibili.com/video/av39709290/?p=4 博客地址: https://jspang.com/post/flutterDemo.html#toc-7d1 学习如果使用一个动态的widget代替之前写的那几个静态的widget 新建文件:each_view.dart 快捷键:stful生成动态的widget 定义内部使用的变量:以下划线开头的 String _title;这个title是从上一个页面传过来的我们在构造函数内初始化一下 下
20个Flutter实例视频教程-第05节: 酷炫的路由动画-1
视屏地址: https://www.bilibili.com/video/av39709290/?p=5 博客地址: https://jspang.com/post/flutterDemo.html#toc-246 创建新项目: 把上节课的Main.dart文件复制过来改改. 创建pages.dart stless快速生成我们的FirstPage页面.静态的widget 然后我们去创建的SecondPage页面 stlss快速生成:SecondPage 这样AppBar就设置完成了. 下面设置我
20个Flutter实例视频教程-第06节: 酷炫的路由动画-2
博客地址: https://jspang.com/post/flutterDemo.html#toc-94f 视频地址: https://jspang.com/post/flutterDemo.html#toc-94f 缩放的效果: import 'package:flutter/material.dart'; class CustomeRoute extends PageRouteBuilder{ final Widget widget; CustomeRoute(this.widget) :
20个Flutter实例视频教程-第07节: 毛玻璃效果制作
视频地址: https://www.bilibili.com/video/av39709290/?p=7 博客地址: https://jspang.com/post/flutterDemo.html#toc-65a 创建demo04 flutter从1.0 开始就鼓励大家使用类的不用再写前面的 New关键字了 例如原来new MyAp();现在直接 MyApp();就可以了 新建 frosted_glass_demo.dart stack是层叠组件把我们的图片毛玻璃都重叠在一起 我们使用的网络图
热门专题
fiddler 保存网站
echart 5.0折线图左边y轴竖线没显示
未能识别出目标 票根
TARJIAN算法是
mysqlbinlog 指定表
delphi 模式窗体 非模式窗体
qt float型转换为double
各版本浏览器window.open返回值
django各个文件的作用
ping www.google.com不通
jsdoc生成的文档长什么样子
abap dialog 子屏幕按钮
netlink socket实例
-Dfile.encoding 参数
STM32 freeRTOS任务堆栈溢出检查
红帽怎么访问不了网络
mxgraph 直线
mysql 查询后数据为null 但显示出来
windows2012磁盘清理
el-checkbox-group 默认全选