Flutter的flutter_calendar日曆的使用
时间:2019-10-31
本文章向大家介绍Flutter的flutter_calendar日曆的使用,主要包括Flutter的flutter_calendar日曆的使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
效果:
添加依賴:
flutter_calendar: ^0.0.1
項目中導入
import 'package:flutter_calendar/flutter_calendar.dart';
例子
import 'package:flutter/material.dart'; import 'package:flutter_calendar/flutter_calendar.dart'; main() { runApp(new CalendarViewApp()); } class CalendarViewApp extends StatelessWidget { void handleNewDate(date) { print("handleNewDate ${date}"); } @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.purple, ), home: new Scaffold( appBar: new AppBar( title: new Text('Flutter Calendar'), ), body: new Container( margin: new EdgeInsets.symmetric( horizontal: 5.0, vertical: 10.0, ), child: new ListView( shrinkWrap: true, children: <Widget>[ new Text('The Default Calendar:'), new Calendar( onSelectedRangeChange: (range) => print("Range is ${range.item1}, ${range.item2}"), onDateSelected: (date) => handleNewDate(date), ), new Divider( height: 50.0, ), new Text('The Expanded Calendar:'), new Calendar( onSelectedRangeChange: (range) => print("Range is ${range.item1}, ${range.item2}"), isExpandable: true, ), new Divider( height: 50.0, ), new Text('A Custom Weekly Calendar:'), new Calendar( onSelectedRangeChange: (range) => print("Range is ${range.item1}, ${range.item2}"), isExpandable: true, dayBuilder: (BuildContext context, DateTime day) { return new InkWell( onTap: () => print("OnTap ${day}"), child: new Container( decoration: new BoxDecoration( border: new Border.all(color: Colors.black38)), child: new Text( day.day.toString(), ), ), ); }, ), ], ), ), ), ); } }
原文地址:https://www.cnblogs.com/ssjf/p/11770863.html
- 完善RecyclerView,添加首尾视图
- 初识Node.js
- Linux学习 - SED操作,awk的姊妹篇
- Android面试之高级篇
- 解密所有APP运行过程中的内部逻辑
- RecyclerView数据动态更新
- android PakageManagerService启动流程分析
- RFID入门:Mifare1智能水卡破解分析
- RecyclerView点击事件处理
- Python 实现一个火车票查询的工具
- HTTPS迎来春天:Chrome计划将所有HTTP标记为不安全
- View绘制流程
- Linux Rootkit系列一:LKM的基础编写及隐藏
- Swift基础语法(常量变量、数据类型、元组、可选、断言)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法