草庐IT

flutter_blue_plus

全部标签

【Flutter】Flutter 使用 table_calendar 实现自定义日历

【Flutter】Flutter使用table_calendar实现自定义日历文章目录一、前言二、安装和基本使用三、日历的交互性四、日历事件五、自定义UI和CalendarBuilders六、本地化和语言设置七、完整实际业务代码示例一、前言你好!今天我要为你介绍一个非常实用的Flutter日历组件——table_calendar。这个组件不仅功能强大、高度可定制,而且使用起来非常简单。在本文中,我会手把手教你如何使用这个组件,并分享一些实际业务中的应用示例。希望你能从中受益。重点内容:table_calendar的安装和基本使用如何为日历添加交互性如何在日历中添加和显示事件如何自定义日历的UI

Flutter (仿写网易云音乐)

接口地址NeteaseCloudMusicApi项目地址先上效果图发现页IMG_0625.PNGIMG_0626.PNGIMG_0627.PNGIMG_0628.PNGIMG_0629.PNG每日推荐IMG_0674.PNG歌单广场IMG_0675.PNGIMG_0676.PNGIMG_0677.PNGIMG_0678.PNGIMG_0679.PNGIMG_0680.PNG排行榜IMG_0681.PNGIMG_0682.PNGIMG_0683.PNGIMG_0684.PNG歌单详情IMG_0685.PNGIMG_0686.PNG播客页IMG_0687.PNGIMG_0688.PNGIMG_06

Flutter的Don‘t use ‘BuildContext‘s across async gaps警告解决方法

文章目录问题有问题的源码问题原因问题分析Context的含义BuildContext的作用特殊情况解决方法问题Flutter开发中遇到Don’tuse'BuildContext’sacrossasyncgaps警告有问题的源码if(awaitdatabaseHelper.isDataExist(task.title)){showDialog(context:context,builder:(BuildContextcontext){returnAlertDialog(title:Text("已存在同名配置"),content:Text("是否覆盖已有的配置?"),actions:[Elevat

Flutter/Dart第14天:Dart类详解

Dart官方文档:https://dart.dev/language/classes重要说明:本博客基于Dart官网文档,但并不是简单的对官网进行翻译,在覆盖核心功能情况下,我会根据个人研发经验,加入自己的一些扩展问题和场景验证。Dart类Dart语言基于类和Mixin继承,是一门面向对象语言。任何对象都是某个类的实例,除Null之外,Object类其他所有类的父类。Mixin继承:Dart语言和Java语言一样,类只能是单继承。但通过Mixin,一个类的代码可以在多个类层次结构中复用(有关Minxin的详细说明见之前文章:https://ntopic.cn/p/2023093001)。方法扩

flutter doctor --android-licenses报错解决方案

C:\Users\32148>flutterdoctor--android-licensesFlutterassetswillbedownloadedfromhttps://storage.flutter-io.cn.Makesureyoutrustthissource!����:��������com.android.sdklib.tool.sdkmanager.SdkManagerCliʱ����LinkageError    java.lang.UnsupportedClassVersionError:com/android/sdklib/tool/sdkmanager/SdkManag

FLutter 初体验

FLutter安装brew安装pubpackagedartpubglobalactivatefvm安装fvmbrewtapleoafarias/fvmbrewinstallfvm安装flutterfvminstall1.17.2卸载brewuninstallfvmbrewuntapleoafarias/fvm设置全局版本fvmglobal1.17.2设置当前项目使用的版本fvmuse1.17.2看了8个小时的视频,手敲了一个礼拜的基本控件,一个一个手打了这个demo首页,分类,交易,我的用到的组件ScaffoldColumnContainerCardTextColumnRowListViewW

微信小程序不使用插件,渲染富文本中的视频,图片自适应,plus版本

小程序原生的rich-text不支持渲染视频,所以需要处理后显示,主要用了字符串切割以及匹配富文本图片自适应的问题当我们从后端拿到富文本数据时,我们利用replace方法去修改图片的样式,保证图片与手机宽度保持一致//richtext为富文本letcontent=richtext.replace(/如果富文本出现莫名的空白区域,可能是富文本中包含有换行标签,我们就将标签替换掉//richtext为后端传过来的富文本dealRichText(richtext){ letcontent=richtext.replace(//gi,').replace(//g,''); returncontent;

Flutter TextField 输入框 简单使用

创建方式一:///用于文本输入框TextEditingControllercontroller=newTextEditingController();///设置TextField中显示的内容voidsetEditeInputTextFunction(StringflagText){controller.text=flagText;}///清除TextField中显示的内容voidclearEditeInputTextFunction(){controller.text="";///或者使用clear方法controller.clear();}TextField(controller:contr