flutter
文章平均质量分 77
yujunlong3919
这个作者很懒,什么都没留下…
展开
-
flutter的状态管理学习
状态就是用到了向子组件传递数据,并且需要刷新的时候刷新组件。原创 2024-01-10 18:56:46 · 620 阅读 · 1 评论 -
flutter-web中使用js工具类
JavaScript拥有庞大且成熟的工具生态系统。原创 2023-11-28 10:22:17 · 1281 阅读 · 0 评论 -
dart中使用protobuf
protobuf提供了效率、灵活性和易用性之间的平衡,使其成为各种场景(包括微服务、分布式系统和网络通信)中数据序列化和交换的有吸引力的选择。原创 2023-11-24 18:40:06 · 634 阅读 · 0 评论 -
flutter web 优化和flutter_admin_template
如果你喜欢这个项目,欢迎给我一个star。里面可能还有许多需要修改的bug,欢迎大家提出来,我将持续更新这个项目)下一步用dartfrog写接口,然后后台管理接入dartfrog。原创 2023-09-21 12:31:34 · 676 阅读 · 0 评论 -
FlexibleSpaceBar 解析之background
SliverAppBar的expandedHeight会强制FlexibleSpaceBar的background的高度一致,如果直接获取子组件的高度就会得到expandedHeight的值,如果想要获取到真实内容的高度,需要套一个Column或者其他Widget,然后通过Key获取高度,代码如下。原创 2023-07-28 16:04:50 · 278 阅读 · 0 评论 -
Flutter和Native 通信 pigeon
Native和flutter之间的通信原创 2022-07-18 23:07:03 · 1451 阅读 · 0 评论 -
hooks-riverpod 使用
文章目录1. hook1.1 属性 行为 组合成了状态,除了状态还有作用2. useMemoized3. useCallback4. useRef5. useEffect6. useXXXX 自定义钩子7. riverpod8. 常用Provider9. studyflutter代码1. hook需要继承HookWidgetuseMemoized 只调用一次,可以通过keys的变化来实现重复调用useRef useCallback 通过内部使用useMemoized 只调用一次,可以通过keys原创 2022-02-21 16:38:14 · 1684 阅读 · 0 评论 -
flutter-provider学习笔记
文章目录1. InheritedWidget2. StatefulWidget3. StatelessWidget4.State4.1 setState ->_element!.markNeedsBuild()4.2 build-> Widget build(BuildContext context);5.问题6.常用的类6.1 继承关系6.2 InheritedProvider6.3 Provider.of参考资料1. InheritedWidget abstract class Inh原创 2021-08-17 12:31:59 · 445 阅读 · 0 评论 -
Flutter 动画学习
文章目录概念理解插值器/估值器Flutter中的动画类型动画 AnimationTween (估值器 给出范围的值)Tween 子类AnimatedWidget 对于没有附加状态的简单情况,可以考虑使用AnimatedWidget 的子类AnimatedBuilder 对于涉及其他状态的更复杂的情况,请考虑使用AnimationStatusListenableAnimationController...原创 2020-04-15 14:39:10 · 720 阅读 · 0 评论 -
Flutter 滚动距离来设置TabBar的位置,点击TabBar滚动的到指定的位置
文章目录效果git定义属性每个组件设置Key获取控件的距离顶部的位置设置监听设置TabBar 点击getY效果git定义属性 ScrollController _controller = new ScrollController(); var globalKeyOne = GlobalKey(); var globalKeyTwo = GlobalKey(); var gl...原创 2020-03-25 23:06:00 · 5359 阅读 · 1 评论 -
flutter 开发环境配置和生命周期学习
文章目录生命周期页面展示前台切回后台后台切回前台页面销毁OrientationBuilder图片KeyOffstageCurveIntervalWillPopScopeBackdropDefaultTextStylePhysicalModel 圆角SliverAppBarPreferredSize事件机制配置环境Provide(共享数据)路由的使用异步设置透明度设置点击事件宽度撑满SizeBoxf...原创 2020-03-24 21:53:11 · 2046 阅读 · 1 评论 -
Flutter Container设置 width 无效
文章目录布局组件和容器组件BoxContraints机制布局组件 Row Column解决办法布局组件和容器组件容器类Widget和布局类Widget都作用于其子Widget,不同的是:布局类Widget一般都需要接收一个widget数组(children),他们直接或间接继承自(或包含)MultiChildRenderObjectWidget ;而容器类Widget一般只需要接收一个子W...原创 2020-02-03 18:37:39 · 6567 阅读 · 0 评论 -
flutter插件开发
文章目录Android1. Open for Editing in Android Studio2. new module 创建插件3. 修改build.gradle4. 编写插件类5. 编写插件注册类6. 注册插件7. 编写dart8. dart中使用IOSFlutterPlugin.hFlutterPlugin.mSwiftFlutterPlugin.swift其他检查插件发布插件依赖包冲突打...原创 2019-12-28 14:53:33 · 1395 阅读 · 0 评论 -
Flutter 列表学习(listview,gridview,ExpansionTile,ScrollController,RefreshIndicator)
文章目录任何页面可以分为3类,第一类 全列表,第二类非列表,第三类非列表和列表,所以列表玩溜了,就成功了一大步。下面我们就开始搞列表列表分类1. 纵向列表2. 横向列表3. 网格列表4. 可点击展开列表5. 下拉刷新6. 加载更多listview(纵向横向列表)gridview (网格列表)ExpansionTile (可以点击展开列表)RefreshIndicator 下拉刷新控件ScrollC...原创 2019-07-25 10:32:01 · 635 阅读 · 0 评论 -
flutter-Container
文章目录Containerconstraints:添加到child上额外的约束条件 最大最小值alignment:控制child的对齐方式,padding:文本区域和widget之间margin :widget和widget之间decoration: 背景装饰 类似android中的shape 边框 圆角,背景色,背景图片等foregroundDecoration 前景色 DecoratedB...原创 2019-08-02 20:39:31 · 245 阅读 · 0 评论 -
flutter-Decoration
文章目录Decoration继承实现BoxDecorationFlutterLogoDecorationShapeDecorationUnderlineTabIndicator注解构造方法(加了一个const??)BoxDecoration构造方法创建一个盒子装饰。该shape参数不能为空。 final修饰必须要在构造方法赋值UnderlineTabIndicator下面需要学习的widgetD...原创 2019-08-05 14:33:48 · 482 阅读 · 0 评论 -
flutter-border
文章目录Border继承构造方法BorderStyle和BorderSideBorderStyleBorderSide构造方法BoxShadow构造方法Border继承Object-> ShapeBorder-> BoxBorder-> Border构造方法很简单的构造方法,用四个BorderSide组成, const Bord...原创 2019-08-05 15:44:51 · 6164 阅读 · 0 评论 -
flutter-text
文章目录Text1.继承关系2.介绍3.创建Text4.构造方法源码:4.参数讲解:4.1 String data4.2 TextStyle style4.3 TextAlign textAlign4.4 TextDirection textDirection4.5 Locale locale4.6 bool softWrap4.7 TextOverflow overflow4.8 double&...转载 2019-08-01 15:21:25 · 424 阅读 · 0 评论 -
flutter- Row Column Expanded ListView
文章目录Row继承介绍Code构造方法主轴侧轴MainAxisAlignmentMainAxisSizeCrossAxisAlignment黄色和黑色警告条纹ColumnFlexibleExpanded 继承与FlexibleFlexFitListView参考Row继承Object-> Diagnosticable ->DiagnosticableTree-> Widge...原创 2019-08-05 18:12:57 · 1624 阅读 · 0 评论 -
flutter-其他学习
文章目录Matrix4(重点学习)AspectRatioFittedBoxOffstagebuttonRaisedButtonFlatButtonOutlineButtonIconButtonDropdownButton(重点学习)InkWellIndexedStackStack禁止PageView的滑动table(不可滚动的grideview)Matrix4(重点学习)https://jue...原创 2019-08-05 19:57:38 · 173 阅读 · 0 评论 -
Flutter和Native 通信 android端
文章目录通信用到的类MethodChannel使用方式(flutter 调用原生方法)1. 原生代码2. dart代码EventChannel使用方式(主要是native向flutter主动推送数据,例如推送电量,网络状态)BasicMessageChannel使用方式(native->flutter,flutter->native)完整nativie 代码如下完整dart 代码如下...原创 2019-07-24 22:26:40 · 467 阅读 · 0 评论