随笔 - 210  文章 - 0 评论 - 0 阅读 - 61289
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

01 2024 档案
d、CheckBox 可选按钮
摘要:CheckBox 多选按钮: class CheckboxPage extends StatefulWidget { const CheckboxPage({super.key}); @override State<CheckboxPage> createState() => _CheckboxPa 阅读全文
posted @ 2024-01-31 18:14 鲤斌 阅读(8) 评论(0) 推荐(0) 编辑
c、RadioListTile单选按钮组
摘要:RadioListTile单选按钮组 class RadioPage extends StatefulWidget { const RadioPage({super.key}); @override State<RadioPage> createState() => _RadioPageState( 阅读全文
posted @ 2024-01-31 17:50 鲤斌 阅读(6) 评论(0) 推荐(0) 编辑
b、Radio单选按钮组
摘要:Radio单选按钮组 class RadioPage extends StatefulWidget { const RadioPage({super.key}); @override State<RadioPage> createState() => _RadioPageState(); } cla 阅读全文
posted @ 2024-01-19 19:03 鲤斌 阅读(3) 评论(0) 推荐(0) 编辑
a、Flutter 表单
摘要:Flutter中常见的表单有TextField单行文本框,TextField多行文本框、CheckBox(多选按钮)、Radio(单选按钮)、Switch CheckboxListTile、RadioListTile、SwitchListTile、Slide。 TextField表单的基本用法 Te 阅读全文
posted @ 2024-01-18 21:21 鲤斌 阅读(72) 评论(0) 推荐(0) 编辑
GetX 数据监听异常
摘要:问题: 在flutter使用getX的ever监听参数的变化;将ever放入void initState() {}中,每进入页面就会创建一次ever,下次进入页面,变量变化就执行执行+1次ever; 解决: var everPicture; //创建 @override void initState 阅读全文
posted @ 2024-01-18 20:16 鲤斌 阅读(206) 评论(0) 推荐(0) 编辑
Stream (是异步版本的列表)、StreamBuilder(局部数据更新)
摘要:Stream 流 Stream的字面意思是水流,Stream不像Future那样只会在未来获取一个值,它可以异步获取0个或者 多个值。如果说Future是一个异步版本的int或者String,Stream则更像是异步版本的列表,List,List, 列表里面可能会有0个或者多个元素。 class M 阅读全文
posted @ 2024-01-17 22:08 鲤斌 阅读(232) 评论(0) 推荐(0) 编辑
FutureBuilder 自动追踪Future的状态
摘要:FutureBuilder是一个可以自动追踪Future的状态并在其状态改变的时候自动重绘的组件。 FutureBuilder追踪Future的状态 1、定义一个模拟请求数据的异步方法 2、模拟数据加载的时候加载一个Indicator,数据加载完毕后显示数据 class MyHomePage ext 阅读全文
posted @ 2024-01-17 20:42 鲤斌 阅读(70) 评论(0) 推荐(0) 编辑
进度条
摘要:程序在等待异步操作完成的过程中,非常有必要给予用户适当的反馈,这个时候就可以使用进度条。 进度条 CircularProgressIndicator() CircularProgressIndicator(), CircularProgressIndicator( backgroundColor: 阅读全文
posted @ 2024-01-17 09:42 鲤斌 阅读(44) 评论(0) 推荐(0) 编辑
Future异步
摘要:在其他语言,比如java、c++中, 同时要执行多个任务可以使用多线程来实现。而在Dart语言中没有线程 和进程的概念 ,它是单线程+事件循环的设计模式,Dart和Flutter中要同时执行多个任务可以使用异步 来实现,Flutter中主要使用Future来实现异步操作 。 Future 返回值 F 阅读全文
posted @ 2024-01-17 09:40 鲤斌 阅读(30) 评论(0) 推荐(0) 编辑
chewie 视频播放器使用
摘要:基本使用1 import 'package:flutter/material.dart'; import 'package:video_player/video_player.dart'; import 'package:chewie/chewie.dart'; class VideoPlayerS 阅读全文
posted @ 2024-01-16 21:58 鲤斌 阅读(433) 评论(0) 推荐(0) 编辑
video_player 视频播放器
摘要:Android配置 /android/app/src/main/AndroidManifest.xml <uses-permission android:name="android.permission.INTERNET"/> Ios配置 Ios无需配置,注意要使用https协议 代码 import 阅读全文
posted @ 2024-01-16 20:57 鲤斌 阅读(324) 评论(0) 推荐(0) 编辑
flutter 生命周期
摘要:Stateless无状态组件 //Stateless无状态组件比较简单就是一个 build 函数,每次外部新状态压入,进行调用 //当Widget不再需要时,比如在页面切换或者被移除时,Flutter会销毁这些Widget。 //对于StatelessWidget来说,它没有内部状态(即无可变的变量 阅读全文
posted @ 2024-01-16 11:55 鲤斌 阅读(13) 评论(0) 推荐(0) 编辑
AnimatedList 实现动态列表
摘要:AnimatedList实现动画 AnimatedList 和 ListView 的功能大体相似,不同的是, AnimatedList 可以在列表中插入或删除节点 时执行一个动画,在需要添加或删除列表项的场景中会提高用户体验。 AnimatedList 是一个 StatefulWidget,它对应的 阅读全文
posted @ 2024-01-14 18:49 鲤斌 阅读(255) 评论(0) 推荐(0) 编辑
GetX GetUtils
摘要:GetUtils 是 getx 为我们提供一些常用的工具类库,包括值是否为空、是否是数字、是否是视频、图 片、音频、PPT、Word、APK、邮箱、手机号码、日期、MD5、SHA1等等。 class HomePage extends StatefulWidget { const HomePage({ 阅读全文
posted @ 2024-01-14 02:18 鲤斌 阅读(38) 评论(0) 推荐(0) 编辑
GetView介绍 以及 GetxController生命周期
摘要:etView 只是对已注册的 Controller 有一个名为 controller 的getter的 const Stateless 的 Widget,如果我们只有单个控制器作为依赖项,那我们就可以使用 GetView ,而不是使用 StatelessWidget ,并且避免了写 Get.Find 阅读全文
posted @ 2024-01-14 01:52 鲤斌 阅读(623) 评论(0) 推荐(0) 编辑
Flutter Getx 路由管理
摘要:GetX 为我们封装了 Navigation ,无需 context 可进行跳转,使用 GetX 进行路由跳转非常的简单, 只需要调用 Get.to() 即可进行路由跳转, GetX 路由跳转简化了跳转动画设置 、动画时长定义、动画 曲线设置。 Get.to()实现普通路由跳转 一、设置应用程序入口 阅读全文
posted @ 2024-01-13 21:24 鲤斌 阅读(1976) 评论(0) 推荐(0) 编辑
Flutter GetX的事件监听
摘要:Flutter GetX的事件监听 import 'package:flutter/material.dart'; import 'package:flutter_code/page/book/bookEntity.dart'; import 'package:get/get.dart'; clas 阅读全文
posted @ 2024-01-11 21:56 鲤斌 阅读(634) 评论(0) 推荐(0) 编辑
Flutter Getx 状态管理 --- (依赖管理) GetxController
摘要:Flutter Getx 简单的状态管理(依赖管理) GetxController Getx 依赖管理简介 Get有一个简单而强大的依赖管理器,它允许你只用1行代码就能检索到与你的Bloc或Controller相同的 类,无需Provider context,无需inheritedWidget。 C 阅读全文
posted @ 2024-01-11 17:17 鲤斌 阅读(1969) 评论(0) 推荐(0) 编辑
Flutter Getx 状态管理 --- 响应式状态管理器
摘要:状态管理 Get 并不是比任何其他状态管理器更好或更差,而是说你应该分析这些要点以及下面的要点来选择只用 Get,还是与其他状态管理器结合使用。 Get不是其他状态管理器的敌人,因为Get是一个微框架,而不仅仅是一个状态管理器,既可以单独使 用,也可以与其他状态管理器结合使用。 Get有两个不同的状 阅读全文
posted @ 2024-01-11 14:44 鲤斌 阅读(402) 评论(0) 推荐(0) 编辑
Flutter Getx 中的Dialog 以及改变主题
摘要:设置应用程序入口 当我们导入依赖后,在应用程序顶层把 GetMaterialApp 作为顶层,如下所示 import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(MyApp( 阅读全文
posted @ 2024-01-10 23:17 鲤斌 阅读(537) 评论(0) 推荐(0) 编辑
flutter中InheritedWidget共享数据
摘要:InheritedWidget是Flutter框架中用于在Widget树中共享数据的机制。它是一个特殊的Widget,可以将其放置在Widget树的上层,并向下传递共享的数据给其子Widget。子Widget可以通过InheritedWidget来获取共享的数据,而不需要通过显式地将数据传递给它们。 阅读全文
posted @ 2024-01-10 18:12 鲤斌 阅读(99) 评论(0) 推荐(0) 编辑
28、Flutter Key详解
摘要:在Flutter中,Key是不能重复使用的,所以Key一般用来做唯一标识。组件在更新的时候,其状态的保 存主要是通过判断组件的类型或者key值是否一致。因此,当各组件的类型不同的时候,类型已经足够 用来区分不同的组件了,此时我们可以不必使用key。但是如果同时存在多个同一类型的控件的时候, 此时类型 阅读全文
posted @ 2024-01-10 11:09 鲤斌 阅读(416) 评论(0) 推荐(0) 编辑
27、flutter Dialog 弹窗
摘要:AlertDialog //放在State<>之下 void _alertDialog() async { var result = await showDialog( barrierDismissible: true, //表示点击灰色背景的时候是否消失弹出框 context: context, 阅读全文
posted @ 2024-01-10 11:09 鲤斌 阅读(364) 评论(0) 推荐(0) 编辑
flutter MaterialApp介绍
摘要:MaterialApp 是 Flutter 中常用的一个 widget,它是构建基于 Material Design 风格应用的根组件,主要负责各种全局状态的管理以及定义应用程序的主题样式等。 void main() { runApp(MaterialApp( title: "flutterAPP_ 阅读全文
posted @ 2024-01-09 17:30 鲤斌 阅读(233) 评论(0) 推荐(0) 编辑
flutter弹窗
摘要:AlertDialog: 优点:Material风格的弹窗,具有灵活的布局和样式自定义能力。易于使用,并提供了标题、内容和操作按钮的选项。 缺点:对于复杂的自定义布局和样式可能不够灵活。 BottomSheet: 优点:可以从底部弹出,并适用于需要在当前页面上方提供操作选项的场景。提供了自定义底部弹 阅读全文
posted @ 2024-01-09 16:25 鲤斌 阅读(146) 评论(0) 推荐(0) 编辑
Flutter 中常用的视频播放器
摘要:Flutter 中常用的视频播放器有很多种,不同的播放器有着各自的优势和缺点。下面是一些常用的视频播放器,以及它们的优势、缺点和性能优化策略。 video_player: 优势:Flutter 官方提供的视频播放器,可支持多种平台,播放效果良好,使用简单。 缺点:不支持更高级的功能和自定义控制选项。 阅读全文
posted @ 2024-01-09 16:25 鲤斌 阅读(1723) 评论(0) 推荐(0) 编辑
hutool的常用方法
摘要:https://www.hutool.cn/docs/#/ 官方文档 Hutool 是一个 Java 开发工具包,提供了丰富实用的工具类,包括字符串处理、日期处理、文件操作、加密解密、网络请求等等。以下是 Hutool 的几个常用方法: 字符串处理: StrUtil.isBlank(String s 阅读全文
posted @ 2024-01-09 16:23 鲤斌 阅读(412) 评论(0) 推荐(0) 编辑
AutomaticKeepAliveClientMixin 缓存PageView页面
摘要:一旦页面滑出屏幕它就会被销毁 ,实际项目开发中对页面进行缓存是很常见的一个需求,下面我们就看看如何使用AutomaticKeepAliveClientMixin 缓存页面。 注意:使用时一定要注意是否必要,因为对所有列表项都缓存的会导致更多的内存消耗。 class MyPage extends St 阅读全文
posted @ 2024-01-05 00:23 鲤斌 阅读(207) 评论(0) 推荐(0) 编辑
Flutter PageView(轮动图)
摘要:Flutter中的轮动图以及抖音上下滑页切换视频功能等等,这些都可以通过 PageView 轻松实现 PageView常见属性: PageView 的使用 class MyPage extends StatefulWidget { const MyPage({super.key}); @overri 阅读全文
posted @ 2024-01-04 23:28 鲤斌 阅读(922) 评论(0) 推荐(0) 编辑
Flutter定时器
摘要:代码 const timeout = Duration(seconds: 3); var t=Timer.periodic(timeout, (timer) { print('afterTimer='+DateTime.now().toString());); // timer.cancel(); 阅读全文
posted @ 2024-01-04 23:27 鲤斌 阅读(319) 评论(0) 推荐(0) 编辑
vue音频(监听播放完成)
摘要:<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto 阅读全文
posted @ 2024-01-04 15:27 鲤斌 阅读(385) 评论(0) 推荐(0) 编辑
flutter BLoC框架
摘要:BLoC(Business Logic Component)是一种在Flutter中用于管理状态和处理业务逻辑的设计模式和架构模式。 BLoC 的核心思想是将应用程序的状态、业务逻辑和UI分离开来,以实现单向数据流。 主要组件组成: Business Logic(业务逻辑): BLoC 本质上是一个 阅读全文
posted @ 2024-01-04 14:01 鲤斌 阅读(340) 评论(0) 推荐(0) 编辑
vue图片由小放大
摘要:原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac 阅读全文
posted @ 2024-01-04 13:58 鲤斌 阅读(15) 评论(0) 推荐(0) 编辑
vue强制横屏
摘要:在app.vue中 <template> <div id="app"> <router-view /> </div> </template> <style lang="scss"> // 1 @media screen and (orientation: portrait) { html { wid 阅读全文
posted @ 2024-01-04 11:59 鲤斌 阅读(414) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示