草庐IT

flutter-canvas

全部标签

uniapp开发小程序中因uchart的canvas层级过高遮盖uni-datetime-picker组件的解决办法

在uniapp中开发小程序因uchart的canvas层级过高遮盖uni-datetime-picker组件的解决办法bug描述解决办法在calendar组件里找到的控制台历显示的show属性在uni-datetime-picker组件里找到每一个用到calendar组件的地方加上自定义事件(closeCanvas,showCanvas)监听在自己的组件用到uni-datetime-picker的地方也加上监听动态加上移出视野的样式代码大功告成bug描述页面需要展示一个环形图,可以按时间段筛选数据,所以我用了uchart和uni-datetime-picker组件。但uchart用到了canv

Flutter之视频播放Chewie

Chewie简介Chewie是一个用于在Flutter应用中展示视频的插件。它基于video_player插件构建,提供了更多的功能和自定义选项,使视频播放更加灵活和易用。Chewie的使用Chewie的主要特点和功能Chewie的主要特点和功能包括:自定义控件:Chewie提供了一个内置的视频控制栏,其中包含播放/暂停按钮、进度条、音量控制和全屏切换等功能。您可以根据需要自定义控制栏的外观和行为,以满足应用的需求。自动播放和循环:Chewie支持自动播放和循环播放视频。您可以设置视频在加载完成后自动开始播放,并选择是否循环播放视频。清晰度切换:如果您的视频源提供多个清晰度选项,Chewie支

【Flutter】如何 Dialog 弹窗设置点击空白处不关闭

文章目录一、引言二、Flutter中的Dialog弹窗1.默认的Dialog行为介绍2.解释为什么在某些情况下我们需要点击空白处不关闭Dialog三、如何在Flutter中设置Dialog弹窗点击空白处不关闭1.展示简单的代码示例2.详细解释代码的每个部分四、一个完整的FlutterDialog示例1.创建一个新的Flutter项目2.在项目中添加一个带有Dialog的按钮3.添加Dialog代码,使其点击空白处不关闭4.运行并测试示例五、总结一、引言Dialog是一个常见的UI元素,它可以用于显示信息、询问问题或收集用户输入。在Flutter中,Dialog是一个Widget,可以很容易地在

Flutter 生成小程序的混合 App 实践

一、背景微信小程序发展的越来越快,目前小程序甚至取代了大部分App的生态位,公司的坑位不增反降,只能让原生应用开发兼顾或换岗进行小程序的开发。以我的实际情况来讲,公司应用采用的Flutter框架,同样的功能不可避免的就会存在Flutter应用开发和微信小程序开发兼顾的情况,这种重复造轮子的工作非常低效。为什么会出现这种情况呢?随着2019年5月GoogleI/O上Flutter1.5.4的发布,宣示着Flutter真正开始进入全终端时代,意味着只需要写一份代码,不需要任何额外的修正改,就可以运行在iOS、Android、Web、PC上。Flutter正在革命性的改变移动开发的生态系统,从面向各

vue + canvas 实现九宮格手势解锁器

前言专栏分享:vue2源码专栏,vuerouter源码专栏,玩具项目专栏,硬核💪推荐🙌欢迎各位ITer关注点赞收藏🌸🌸🌸此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程,最终效果如下:设置图案密码时,需进行两次绘制图案操作,若两次绘制图案一致,则密码设置成功;若不一致,则需重新设置密码输入图案密码时,密码一致则验证通过;密码不一致则提示图案密码错误,请重试介绍我们基于canvas实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁我们可以通过newLocker创建一个图案解锁器,其接收一个容器作为第一个参数,第二个参数为选项,下面是个基本例子:impo

Flutter常用button组件及自定义按钮组件

Flutter里有很多的Button组件很多,常见的按钮组件有:ElevatedButton、TextButton、IconButton、OutlinedButton、ButtonBar、FloatingActionButton等。ElevatedButton(旧版本的RaisedButton):凸起的按钮,其实就是MaterialDesign风格的Button,较RaisedButton,ElevatedButton会自带背景色OutlinedButton(旧版本OutlineButton):线框按钮,默认有一个边框,不带阴影且背景透明.按下后,边框颜色会变亮、同时出现背景和阴影(通过sid

Flutter获取依赖报错Got TLS error trying to find package xxx

获取依赖包失败之前flutter自动获取依赖包都是正常的,今天突然卡住了,一致获取不到,尝试替换镜像也照样没有用,而且所有镜像均能够通过浏览器在国内访问。最终通过https://github.com/dart-lang/pub/issues/1882#issuecomment-415588527这个issue得到顺利解决,故留下笔记。以清华镜像为例PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pubFLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flu

Windows 上安装和配置 Flutter

一、前提条件操作系统:Windows10或更高的版本(基于x86-64的64位操作系统)。磁盘空间:除安装IDE和一些工具之外还应有至少1.64GB的空间。设置:必须在Windows10/11上启用开发者模式。工具:要让Flutter在你的开发环境中正常使用,依赖于以下的工具:WindowsPowerShell5.0或者更高的版本(Windows10中已预装)GitforWindows2.x,并且勾选从Windows命令提示符使用Git选项。如果Windows版的Git已经安装过了,那么请确保能从命令提示符或者PowerShell中直接执行git命令。二、获取FlutterSDK这个根据Flu

Flutter & ChatGPT | 代码生成器

ChatGPT作为一个自然语言处理工具,已经火了一段时间。对待ChatGPT不同人有着不同的看法,新事物的出现必然如此。利益相关者形成抵制和狂热两极;哗众取宠者蹭蹭热度,问些花活,博人眼球;猎奇者尝尝鲜,起哄者挑挑火;实用派在思考新事物的价值和劳动力:对于那些拿ChatGPT当百科全书来用的,或询问哲学问题的朋友,我只想说:对于一个问题,用错误的工具去处理得出错误的结果,是一件很正常的事。1.ChatGPT的特点和劣势ChatGPT最大的特点是基础的语义分析,让计算机对自然语言进行处理并输出。在一段会话中,上下文是有效的,所以可以类似于交流。问这个问题,它会怎么回答?这种猎奇的心理,会让一部分

【Flutter】Flutter 设置默认字体 设置自定义字体

文章目录一、前言本文重点版本信息二、如何在Flutter中设置默认字体Flutter中字体的设置方式全局字体设置的步骤和代码示例三、在Flutter中使用自定义字体自定义字体的引入和使用自定义字体设置的步骤和代码示例四、总结一、前言你是否渴望成为Flutter的专家,掌握更多的技巧和最佳实践?我们有个好消息要告诉你!Flutter从零到一基础入门到应用上线全攻略正在等待你的加入!这个专栏包含了你需要的所有Flutter学习资源,包括代码示例和深度解析。专栏内容会持续更新,价格也会随之上涨。现在就加入,享受最优惠的价格!此外,我们还有一个专门的讨论群,你可以点击这里加入我们的讨论群,与其他Flu