草庐IT

flutter-widget

全部标签

flutter开发实战-生日等日期选择器DatePicker

flutter开发实战-生日等日期选择器DatePicker在开发遇到设置生日等信息需要选择日期,这里用到的是CupertinoDatePickeriOS效果的日期、时间选择器一、效果图运行后效果图如下二、代码实现我们需要调用底部弹窗显示//显示底部弹窗staticvoidbottomSheetDialog(BuildContextcontext,Widgetwidget,{bool?isScrollControlled,bool?enableDrag,Color?backgroundColor,}){showModalBottomSheet(context:context,isScrollC

【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

ios - 如何为 iOS10 的 Today widget 设置深色背景

我正在尝试锻炼如何将iOS10今天的扩展程序/小部件的背景设置为看起来像默认的黑暗模式。在下图中,您可以看到WeatherUndergroundtoday小部件,它是黑色的。有一些深色背景的应用程序,它们看起来都像相同的背景/风格,所以我认为它可能是一种特定的深色模式,可以在代码中设置,而不是仅仅摆弄ViewController的颜色/透明度——不管我多少尝试在Storyboard中手动设置颜色和透明度我什至无法接近这种效果。 最佳答案 你不能这样做。看起来像这样的应用程序尚未针对iOS10进行更新。您可以看到它没有更新,因为它已展

【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(一

iOS 核心蓝牙 : active connection to the same target peripheral in app and widget simultaneously?

我想在我的应用程序及其小部件中以中央模式与我的外围设备保持持久的BLE连接。那么技术上可行吗?原因如下:在应用程序中建立连接后,我们将其发送到后台,然后打开today-widget-小部件应继续与连接的外围设备一起运行。反之亦然:如果我们隐藏今天的小部件,启动应用程序-该应用程序应继续使用现有连接。 最佳答案 是的,如果您在后台启用蓝牙功能,您可以继续在后台处理BLE事件。只需选择您的主项目文件,然后选择目标,然后在“功能”选项卡上,打开“背景模式”并启用“使用蓝牙LE配件”。在您的主应用中,您将有机会处理任何BLE事件,即使应用在