TrionesDev Antd Flutter

Appearance

Calendar 日历 ​

代码演示 ​

import 'package:antd_flutter_example/demo_block.dart';
import 'package:flutter/widgets.dart';
import 'package:trionesdev_antd_mobile/trionesdev_antd_mobile.dart';

class CalendarPage extends StatefulWidget {
  const CalendarPage({super.key});

  @override
  State<StatefulWidget> createState() => CalendarPageState();
}

class CalendarPageState extends State<CalendarPage> {
  @override
  Widget build(BuildContext context) {
    return AntScaffold(
      appBar: AntAppBar(
        title: Text("CalendarPicker"),
      ),
      body: SingleChildScrollView(child: Column(children: [
        DemoBlock(title: "基本使用", child: AntCalendar(),),
        DemoBlock(title: "基本使用（范围选择）", child: AntCalendarRange(),),
      ],),),
    );
  }
}

API ​

AntCalendar 日历组件 ​

属性说明类型默认值
mouth月份DateTime? DateTime.now()
value选中日期DateTime?null
onChange选中日期变化回调ValueChanged<DateTime?>?null
onRendered渲染完成回调，返回当前组件高度ValueChanged<double?>?null

AntCalendarRange 日历范围组件 ​

属性说明类型默认值
mouth月份DateTime?DateTime.now()
value选中日期List<DateTime?>?null
onChange选中日期变化回调ValueChanged<List<DateTime>?>?null
onRendered渲染完成回调，返回当前组件高度ValueChanged<double?>?null

AntCalendarGrid 日历网格组件 ​

属性说明类型默认值
mouth月份DateTime?DateTime.now()
value选中日期List<DateTime?>?null
onChange选中日期变化回调ValueChanged<List<DateTime>?>?null
onRendered渲染完成回调，返回当前组件高度ValueChanged<double?>?null
range是否是范围模式boolfalse

AntCalendarGridTouchable 日历网格可滑动切换月份组件 ​

属性说明类型默认值
mouth月份DateTime?DateTime.now()
value选中日期List<DateTime?>?null
onChange选中日期变化回调ValueChanged<List<DateTime>?>?null
onRendered渲染完成回调，返回当前组件高度ValueChanged<double?>?null
range是否是范围模式boolfalse
onMouthChange月份变化回调ValueChanged<DateTime>?null