Flutter: IOS style datepicker in flutter - flutter

Question

How could i add iosstyle datepicker in flutter and set it into a textfield. I tried few things but failed..getting android style datepicker and setting it up has many solutions but ios style datepicker doesnt have much solutions..Thanks for the help

Answer 1

use this
void _showIOS_DatePicker(ctx) {
showCupertinoModalPopup(
context: ctx,
builder: (_) => Container(
height: 190,
color: Color.fromARGB(255, 255, 255, 255),
child: Column(
children: [
Container(
height: 180,
child: CupertinoDatePicker(
initialDateTime: DateTime.now(),
onDateTimeChanged: (val) {
setState(() {
dateSelected = val.toString();
});
}),
),
],
),
));
}

Answer 2

flutter_datetime_picker:
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
String _date = "Date of Birth";
Padding(padding: EdgeInsets.symmetric(
vertical: 10.0, horizontal: 16.0),
child: Column(
children: <Widget>[
SizedBox(
height: 60.0,
child: FlatButton(
shape: RoundedRectangleBorder(
side: BorderSide(
color: Colors.orangeAccent
),
borderRadius: BorderRadius.circular(5.0)),
onPressed: () {
DatePicker.showDatePicker(context,
theme: DatePickerTheme(
containerHeight: 210.0,
),
showTitleActions: true,
minTime: DateTime(1900, 1, 1),
maxTime: DateTime.now(), onConfirm: (date) {
print('confirm $date');
_date = '${date.day}/${date.month}/${date.year}';
setState(() {});
}, currentTime: DateTime.now(), locale: LocaleType.en);
},
child: Container(
alignment: Alignment.center,
height: 50.0,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
children: <Widget>[
Container(
child: Row(
children: <Widget>[
Icon(
Icons.cake,
color: Colors.black54,
),
Text(
" $_date",
style: TextStyle(
color: Colors.black,
fontSize: 17.0,
fontStyle: FontStyle.normal),
),
],
),
)
],
),
Icon(Icons.date_range,color: Colors.black45,)
],
),
),
color: Colors.white,
),
),
// datetime()
],
),
),