Flutter学习笔记
文章平均质量分 76
记录Flutter开发过程中遇到的问题,不足之处,多多指教!
我叫柱子哥
写代码没有啥技巧可言,就像卖油翁一样,时间久了就熟了
展开
-
Flutter GetX之状态管理
Flutter中使用State去管理页面的状态,当UI有数据更新的时候,我们一般使用它StatefulWidget作为Widget的父类,调用setState方法区刷新UI,当然也有其它的管理数据和状态的方式,例如StreamBuilder、Notification、InheritedWidget等。经过这些年的发展,Flutter出险了很多优秀的状态管理框架,例如Bloc 、 flutter_redux 、 fish_redux,getx等,今天这篇文章整理下GetX的状态管理。原创 2023-10-17 12:47:49 · 149 阅读 · 0 评论 -
Flutter中GetX的用法(路由管理)
正如Get官方介绍,GetX 是 Flutter 上的一个轻量且强大的解决方案:高性能的状态管理、智能的依赖注入和便捷的路由管理。GetX 有3个基本原则:性能: GetX 专注于性能和最小资源消耗。效率: GetX 的语法非常简捷,并保持了极高的性能,能极大缩短你的开发时长。结构: GetX 可以将界面、逻辑、依赖和路由之间低耦合,逻辑更清晰,代码更容易维护。这篇文章主要是介绍下GetX的用法。原创 2024-03-16 01:48:53 · 1887 阅读 · 1 评论 -
Flutter中的Slivers系列组件
Flutter中Sliver是跟Widget滚动相关的一些Widget。在app的开发过程中,滚动的使用随处可见,商品信息的列表展示,股票下拉刷新最新的行情等等。总结下来就是:要展示的内容的长度超过了当前屏幕的显示范围的时候,我们就会用到滚动组件。最常见的就是ListView和GridView。大部分的情况下,常见的ListView和GridView基本上能满足用户的需求,当我们要实现一些复杂的动画的时候,Sliver组件就派上了用场。比如说下面的动画效果,我们就可以使用Slivers轻松的实现。原创 2023-03-20 02:16:10 · 2395 阅读 · 0 评论 -
Flutter中的FlutterLogo组件
今天在查看Flutter源码的时候,发现了一个有意思的组件FlutterLogo.顺便调用了一下发现挺有意思的,代码以及实现比较简单,新手阅读源码的话,可以看下这个Widget的内部实现,用它练练手。文档对这个widget的介绍比较简单:Flutter是一个widget,用来展示Flutter的logo。这个Widget遵循IconTheme。原创 2023-03-22 01:13:36 · 313 阅读 · 0 评论 -
Flutter的隐式动画详解
Flutter提供了许多实现动画的API,利用这些API,我们可以制作各种酷炫的动画效果,这篇文章就是讲Flutter中动画的使用。原创 2023-03-05 23:37:35 · 765 阅读 · 0 评论 -
Flutter中下拉刷新功能的实现
效果。我们知道Flutter实现了两种风格的脚手架,一种是iOS风格的,一种是material风格的。刷新组件也一样,Flutter中Materi风格的widget名称叫做RefreshIndicator,iOS风格的widget名称叫做CupertinoSliverRefreshControl。原创 2022-11-19 01:27:20 · 1812 阅读 · 0 评论 -
Flutter中路由传值方式
记录下Flutter开发过程中的一些心得。原创 2022-10-11 22:02:38 · 1517 阅读 · 0 评论 -
Invalid `Podfile` file: undefined method `exists?‘ for File:Class解决方案
经过排查:是ruby版本的问题,Flutter3.0.5引用了ruby中的一个类,这个类在3.2之后的版本中发生了变化。解决方案:把ruby的版本号降为3.1.2.重新安装cocoapods。Flutter的版本号为3.0.5。当时的Mac系统为12.5.1。ruby的版本号为3.2.0。原创 2022-08-22 16:55:34 · 5361 阅读 · 0 评论 -
Flutter如何指定项目的语言
Flutter默认创建的项目使用的是iOS的swift和android 的kotlin语言。如果你的项目使用的是OC或者是java可以中断输入下面的命令1.android 使用kotlin iOS使用Swift默认flutter create -i swift -a kotlin flutter_example2.android 使用kotlin iOS使用OCflutter create -i objc -a kotlin flutter_example3.android 使用java iOS原创 2020-07-25 21:41:57 · 406 阅读 · 0 评论 -
Flutter禁止及交互的两种方式
这是我知道的两种禁止点击事件的方法,两种方式都可以实现禁止点击事件的效果,可以根据需要来选择,如果你有其他的方法,可以给笔者留言,大家一起学习,一起进步。原创 2020-07-02 00:08:34 · 4572 阅读 · 0 评论 -
Flutter实现iOS TabBarController效果和android TabHost效果
先上截图, 如何实现下图的效果呢。对于iOS开发者,我们可以使用UITabBarController来实现,对于android开发者,我们可以使用FragmentTabHost来实现。在Flutter中并没有这两个控件,进入正题,我们看看在Flutter中我们如何使用Flutter中的PageView来实现这种效果。原创 2020-06-22 09:43:31 · 636 阅读 · 1 评论 -
Mac系统搭建Flutter开发环境-持续更新
最近在使用Flutter开发项目,关于Flutter,搭建可以从Flutter官网了解下最新的信息。在搭建开发环境的过程中顺便记录下,让后来者少踩几个坑。原创 2020-06-20 12:57:05 · 1282 阅读 · 1 评论