调用 flutter 第三方时间组件

Posted zhaofeis

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了调用 flutter 第三方时间组件相关的知识,希望对你有一定的参考价值。

https://pub.flutter-io.cn/packages/flutter_cupertino_date_picker

 

flutter_cupertino_date_picker: ^1.0.12

 

import ‘package:flutter/material.dart‘;
import ‘package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart‘;

class DatePage extends StatefulWidget{
DatePage({Key key});
_DatePage createState() => _DatePage();
}

class _DatePage extends State {
_showDatePicker() {
DatePicker.showDatePicker(
context,
pickerTheme: DateTimePickerTheme(
showTitle: true,
confirm: Text(‘确定‘),
cancel: Text(‘取消‘)
),
minDateTime: DateTime.parse(‘2020-00-00‘),
maxDateTime: DateTime.parse(‘2030-00-00‘),
initialDateTime: DateTime.now(),
dateFormat: ‘yyyy-MM-dd HH:mm:ss‘,
locale: DateTimePickerLocale.zh_cn,
pickerMode: DateTimePickerMode.datetime,
onClose: () {
print(‘onClose‘);
},
onCancel: () {
print(‘onCancel‘);
},
onChange: (val, List<int> index) {
print(val);
print(index);
},
onConfirm: (val, List<int> index) {
print(val);
print(index);
},
);
}
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: Text(‘Date‘)
),
body: ListView(
children: <Widget>[
InkWell(
child: Column(
children: <Widget>[
SizedBox(height: 50,),
InkWell(
child: Text(‘${DateTime.now()}‘),
onTap: () {
_showDatePicker();
},
)
],
)
)
],
)
);
}
}

以上是关于调用 flutter 第三方时间组件的主要内容,如果未能解决你的问题,请参考以下文章

Flutter自定义 Flutter 组件 ( 创建自定义 StatelessWidgetStatefulWidget 组件 | 调用自定义组件 )

flutter学习:目录结构及基本组件

flutter学习:目录结构及基本组件

ios flutter 混编

Android 调用组件 w/listener 或让 viewmodel 调用组件与片段通信

vscode代码片段生成vue模板