Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >flutter 日历展示插件

flutter 日历展示插件

作者头像
玖柒的小窝
发布于 2021-12-07 04:39:05
发布于 2021-12-07 04:39:05
2.2K00
代码可运行
举报
文章被收录于专栏:各类技术文章~各类技术文章~
运行总次数:0
代码可运行

flutter 日历展示插件

前几天在做项目时,需要一个展示日历,自己上:pub.dev/插件官网上找了好久都没找到合适的,最后自己慢慢翻,终于找到一个评分高,最近在更新的插件:pub.dev/packages/fl… flutter_calendar_carousel: ^2.1.0

效果:

引入:import 'package:flutter_calendar_carousel/flutter_calendar_carousel.dart'; // 日历2 使用方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
CalendarCarousel(
    // 日期的点击事件
    onDayPressed: (DateTime date, List events) {
        // date点击的日期
    },
    // 最大只能点今天之前
    maxSelectedDate: DateTime.now(),
    // 语言
    locale: 'zh',
    // 月份发生改变的时候
    onCalendarChanged: (e) {
        print('******' + e.toString());// 更改月份的开始的日期
        // 月份切换的时候可以设置默认标记的日期dateTimeList,就能动态设置标记日期
    },
    thisMonthDayBorderColor: Colors.grey,
    customDayBuilder: (
        bool isSelectable,
        int index,
        bool isSelectedDay,
        bool isToday,
        bool isPrevMonthDay,
        TextStyle textStyle,
        bool isNextMonthDay,
        bool isThisMonthDay,
        DateTime day,
    ) {
        // 默认标记
        // 这里的dateTimeList是一个List<DateTime>类型的数组,contains是判断数组中是否包含day,如果包含就自定义样式
        // 这里的day是这个月的每一天,这个插件会自动循环每一天,然后我们来判断当前的那一天在不在默认标记中
        if (dateTimeList.contains(day)) {
            return Center(
                child: Text(
                    day.day.toString(),
                    style: TextStyle(
                        color: Colors.blue,
                    ),
                ),
            );
        } else {
            return null;
        }
    },
    weekendTextStyle: TextStyle(color: Colors.black),// 周六周天颜色
    height: 420.0,// 高度
    selectedDateTime: _currentDate,// 选中的日子
    daysHaveCircularBorder: false,
);

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter自制插件之r_calendar日历插件
image r_calendar ??Flutter日历插件,支持自定义日历,月视图/周视图切换、点击拦截、单选(切换月自动选)、多选(散选/聚选) .----------------------
rhyme_lph
2020/02/18
2.8K1
Flutter自制插件之r_calendar日历插件
基于Flutter手把手教你实现一个日期选择(日历形式)
今天的主题是,在flutter里面实现一个日期选择的自定义控件,或者说自定义组件,考虑到这个日期自定义组件的通用性,我们将会采用插件开发开始来做,这样就可以发布到 pub.dev 上,供广大flutter开发者用(虽然别人不一定会用哈,但是我们要对自己有一个小小的要求不是嘛!)
老码小张
2023/11/14
2.9K0
基于Flutter手把手教你实现一个日期选择(日历形式)
带你深入理解 Flutter 中的字体“冷”知识
本篇将带你深入理解 Flutter 开发过程中关于字体和文本渲染的“冷”知识,帮助你理解和增加关于 Flutter 中字体绘制的“无用”知识点。
GSYTech
2020/06/02
1.4K0
带你深入理解 Flutter 中的字体“冷”知识
Flutter 时间选择器
1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447bc8718
前端小tips
2021/11/23
1.9K0
Flutter 时间选择器
(来啦,老弟)从零实现一个日历组件
日历组件主要是由一个文本输入框组成,点击文本输入框后会在文本框下方显示日历面板,日历面板包含三部分:头部区(主要显示当面日历面板对应的年月以及四个年月上下切换按钮)、内容区(显示星期、以及42天)、底部区(今天快捷按钮,点击可以直接跳转到今天),同时点击日历面板外部可以关闭日历面板。
公众号---人生代码
2019/11/05
2.4K0
Flutter实现一个酷炫带动画的列表型多选日历组件
由于项目需要,用Flutter重构了之前用Android做过的日历组件,整体效果感觉不错,流畅度甚至超过原来的,这里需要提一下官网的做法,如下:
kimihe
2020/03/27
1.8K0
Flutter 库:强大的工具及扩展——nb_utils
flutter_nb_utils是一个Flutter开发工具包,提供了各种实用方法、小部件扩展和工具函数,旨在提高开发效率并简化常见任务的实现。
訾博ZiBo
2025/01/06
780
Flutter 库:强大的工具及扩展——nb_utils
Flutter 酷炫的引导插件
在本文,我们将探讨「Flutter」 的**Tutorial Coach Mark。**我们还将实现一个演示程序,并在您的flutter应用程序中使用「tutorial_coach_mark」包创建漂亮而简单的教程。
老孟Flutter
2021/06/09
1.8K0
面试题要求用uniapp/vue3写一个日程组件?那不是有手就行?
众所周知,我最近在找工作,然后就遇到了一道面试题(需要面试题和简历一起提交)。具体要求如下:
公众号:前端cssandjs
2024/04/30
4690
面试题要求用uniapp/vue3写一个日程组件?那不是有手就行?
Flutter 时间选择组件
在Flutter 应用开发过程中,或多或少的都会涉及到时间选择器相关的内容。Flutter默认提供了DatePicker日期选择器,如果对样式没有特殊的要求,那么可以使用它来进行时间的选择,默认的样式如下所示。
xiangzhihong
2022/11/30
3.8K0
Flutter轻松实现Adobe全家桶Logo列表
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://www.jianshu.com/p/760906fc2879
AWeiLoveAndroid
2019/11/15
6910
【-Flutter 组件-】ListWheelViewport 组件介绍
秉承着 有对象,用对象;没对象,找对象;找不到,造对象 的思想方针,终于将 ListWheelViewport 组件跑起来了。以前由于认知的局限,一直没能玩转ListWheelViewport,如今,确实成长了一些。此组件已收录于 FlutterUnit ,目前收录组件已破 310+,可喜可贺,欢迎 star 。 先看一下 ListWheelViewport 的基本信息: 源码位置: flutter/lib/src/widgets/list_wheel_scroll_view.dart 父类:
张风捷特烈
2020/12/30
1.6K1
【-Flutter 组件-】ListWheelViewport 组件介绍
flutter3_window_chat仿微信桌面端聊天实战
年前有给大家分享一款flutter3.x+dart3手机端聊天App实例。春节期间就又捣鼓了flutter3桌面端开发实践项目。
andy2018
2024/03/03
8130
Flutter 数据持久化存储之Hive库
以上的这些我们都不使用,这里要使用的是Hive库,地址是 Hive,感兴趣的可以自行了解,本文运行效果图。
晨曦_LLW
2024/05/25
5970
Flutter 数据持久化存储之Hive库
Flutter实战 | 从 0 搭建「网易云音乐」APP(一、创建项目、添加插件、通用代码)
本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。
Flutter笔记
2019/10/10
2.1K0
Flutter实战 | 从 0 搭建「网易云音乐」APP(一、创建项目、添加插件、通用代码)
Flutter 可折叠边栏
移动应用程序具有多种方法来处理屏幕之间的导航,例如导航抽屉,底部导航栏,滑动选项卡等。
老孟Flutter
2021/05/11
6.8K0
Flutter 可折叠边栏
Flutter 仿ios自定义一个DatePicker
编辑个人资料,修改生日的时候需要用到,需求就是如果传了日期就要滚动到传的日期位置,如果没有穿就是系统当前时间。所以动手撸一个,有需要的同学可以拿去做轮子。
赵哥窟
2021/03/02
1.1K0
Flutter 仿ios自定义一个DatePicker
2025实战-Flutter3.27仿携程app实例|flutter3.x酒店预订
2025開年原创新作Flutter3.27+Dart3.6跨平台仿携程/飞猪旅行酒店app预订系统。
andy2018
2025/02/22
1630
2025实战-Flutter3.27仿携程app实例|flutter3.x酒店预订
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )
在 MyApp 中 , 使用 ScreenUtilInit 作为最顶层的组件 , 包裹 MaterialApp 组件 ;
韩曙亮
2023/03/29
2.2K0
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )
Flutter入门(五)
国际化方案http://bbs.itying.com/topic/5cfb2a12f322340b2c90e764
用户3112896
2019/12/30
9910
推荐阅读
相关推荐
Flutter自制插件之r_calendar日历插件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验