草庐IT

Flutter-FlutterBloc

全部标签

【Flutter】Flutter 如何图片裁剪

文章目录一、前言二、图片裁剪三、Flutter中的图片裁剪1.使用的库2.方法介绍四、代码示例1.简单示例2.完整示例五、总结一、前言在移动应用开发中,图片裁剪是一项常见的需求。无论是用户上传头像,还是分享图片,我们都可能需要对图片进行裁剪。如果你想深入学习Flutter,掌握更多的技巧和最佳实践,我有一个好消息要告诉你:我们有一个全面的Flutter专栏->FlutterDeveloper101入门小册等待着你。在那里,你将获得完整的、系统的Flutter学习资料,包括详细的代码示例和深入的概念解析。更重要的是,我们的专栏正在不断更新和完善,而价格也会随着内容的丰富而逐渐上调。所以,现在加入

flutter开发实战-实现marquee根据文本长度显示文本跑马灯效果

flutter开发实战-实现marquee文本跑马灯效果最近开发过程中需要marquee文本跑马灯效果,这里使用到了flutter的插件marquee效果图如下一、marquee1.1引入marquee在pubspec.yaml中引入marquee#跑马灯效果marquee:^2.2.31.2marquee使用marquee使用也是非常方便的。比如直接指定文本textMarquee(text:'flutter开发实战-实现marquee文本跑马灯效果',)或者设置更多属性值Marquee(//文本text:'实现marquee文本跑马灯效果,这里是一传长文本',//文本样式style:Text

【Flutter】macOS从零开始使用FVM搭建Flutter开发环境

前言本文为个人记录macOS系统使用fvm从零开始搭建flutter开发环境到项目运行的过程,非教程性质,仅供参考,如有疑问或建议,欢迎大家在评论区留言附上开发设备配置一、安装vscode以vscode为编码工具下载地址:DownloadVisualStudioCode-Mac,Linux,Windows下载后解压安装即可二、安装Xcode和AndroidStudioXcode在iOS真机或者模拟器上运行Flutter应用,需要安装Xcode在 MacAppStore 安装最新稳定版XcodeAndroidStudio在安卓真机或者模拟器上运行Flutter应用,需要安装AndroidStud

Flutter中使用Overlay传入context提示:Null check operator used on a null value(对空值使用空检查运算符)

首先此时使用的是GetX框架,框架截图如下:View中代码如下:classAddTaskPageextendsStatelessWidget{constAddTaskPage({Key?key}):super(key:key);@overrideWidgetbuild(BuildContextcontext){finallogic=Get.put(AddTaskLogic());finalstate=Get.find().state;returnScaffold(appBar:AppBar(backgroundColor:Tcolor.barBackgroudColor,elevation:0

Flutter/Dart第02天:Dart基础语法(建议收藏)

本博客原地址:https://ntopic.cn/p/2023092401/Dart官网代码实验室:https://dart.dev/codelabs/dart-cheatsheet特别说明:为了更进一步验证Dart代码特性,下面示例的代码并非与官方代码完全一致(为了探究细节,默认比官方代码要复杂一些)。字符串插值:${}基础语法:字符串中,可以通过${}插入上下文中变量和变量运算值。voidmain(){//1.字符串插值vara=2;varb=3;varc='Hello';print('1.字符串插值:${c.toUpperCase()}Dart:ais${a}andbis${b},soa

Flutter:WebSocket封装-实现心跳、重连机制

前言PermalinkFlutter简介Flutter是Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App,一套代码同时运行在iOS和Android平台。Flutter提供了丰富的组件、接口,开发者可以很快地为Flutter添加native扩展。同时Flutter还使用Native引擎渲染视图,这无疑能为用户提供良好的体验。WebSocket简介Http协议是无状态的,只能由客户端主动发起,服务端再被动响应,服务端无法向客户端主动推送内容,并且一旦服务器响应结束,链接就会断开(见注解部分),所以无法进行实时通信。WebSocket协议正是

flutter开发实战-长链接WebSocket使用stomp协议stomp_dart_client

flutter开发实战-长链接WebSocket使用stomp协议stomp_dart_client在app中经常会使用长连接进行消息通信,这里记录一下基于websocket使用stomp协议的使用。一、stomp:流文本定向消息协议1.1stomp介绍stomp,StreamingTextOrientatedMessageProtocol,是流文本定向消息协议,是一种为MOM(MessageOrientedMiddleware,面向消息的中间件)设计的简单文本协议。它提供了一个可互操作的连接格式,允许STOMP客户端与任意STOMP消息代理(Broker)进行交互,类似于OpenWire(一

Flutter超好用的路由库-fluro

文章目录fluro的介绍fluro简介安装和导入路由配置导航到路由参数传递fluro的典型使用创建路由管理类代码解释例子小结初始化路由导航到路由总结fluro的介绍fluro简介fluro是一个流行的Flutter插件,用于实现高级路由管理。它提供了灵活的路由配置和导航功能,支持命名路由、参数传递、路由拦截、动画效果等,使得在Flutter应用程序中管理页面导航变得更加简单和可扩展。下面是对fluro插件的详细介绍:安装和导入您可以通过在pubspec.yaml文件中添加fluro依赖项来安装fluro插件。fluro:^2.0.5然后,在需要使用fluro的文件中,通过import'pack

手把手教你~将项目迁移到Flutter2.0 空安全

  六月份即将结束,咬咬牙也得把之前盛产似母猪的?给吹完~继续来吧~干完这篇,估计看看状态吧,得休息休息了_前言  因为Flutter2.0已经出来很久了,空安全(Null-Safety)也说了好一阵了。但是就Flutter这个鬼德性,不敢动呀!虽然已上线的项目FlutterSDK已经跑在Flutter2.0之上了,有问题的第三方库也已经更新了。但是它重点宣传的Null-safety没敢动。  试了试“dartmigrate--skip-import-check”命令来自动将项目迁移到空安全上,命令运行完,打开生成的链接,一万个草泥马飘过,几百个Change。哥惹不起,默默x掉了窗口。看着窗外

flutter:使用 overlay 实现 loading

前言最初,我们在项目中使用showDialog的方式实现loading。问题点:任意一个pop操作都能hideloading,无法统一管理loading的显隐。Overlay是什么?当我们创建MaterialApp的时候,它会自动创建一个Navigator,Navigator则又会创建一个Overlay:一个navigator用来管理所展示的views视图的Stack组件。overlay能干的事情很多,例如loading,toast,popWindow等等悬浮框能力都可以通过overlay来实现。下面我们通过loading样例来了解overlay的使用。实现简单,直接上代码:classLoad