草庐IT

flutter-widget

全部标签

【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

Flutter TextField 输入框 简单使用

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

【Flutter】Flutter 使用 fluttertoast 实现显示 Toast 消息

【Flutter】Flutter使用fluttertoast实现显示Toast消息文章目录一、前言二、安装和基础使用三、不同平台的支持情况四、如何自定义Toast五、在实际业务中的应用六、完整的业务代码示例(基于Web端)七、总结一、前言在这篇文章中,我将与你分享如何在Flutter项目中使用fluttertoast包来显示Toast消息。Toast是一个简短的、非模态的消息提示框,它可以在应用的前端显示,不会打断用户的操作。fluttertoast是一个非常受欢迎的Flutter包,用于在Flutter项目中轻松创建Toast消息。本文的重点:fluttertoast包的基础使用方法如何自定

【Flutter】Flutter 使用 location 获取定位

【Flutter】Flutter使用location获取定位文章目录一、前言二、安装和基本配置1.添加依赖2.Android配置3.iOS配置4.Web和macOS配置三、基础使用方法1.导入包2.请求位置信息3.实时监听位置变化4.后台模式四、实际业务中的用法1.获取当前位置2.实时追踪用户位置3.后台位置更新五、完整示例:构建一个简单的FlutterWeb位置追踪应用六、总结一、前言大家好!今天我要为大家介绍的是Flutter中的一个非常实用的定位插件-location。在移动开发中,定位功能几乎是不可或缺的,无论是需要获取用户当前位置的应用,还是需要实时追踪用户位置的应用,这个插件都能为