Quelle est la bonne façon d’ajouter cueilleur de date dans l’application flutter?

Question

Dans mon application, je crée une page d’inscription où je dois ajouter DOB. Je veux ajouter cueilleur de date en cela, mais je ne reçois pas la bonne façon de le faire.

Answer 1

Une application simple mettant en valeur son utilisation:

 import 'dart:async';

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  DateTime selectedDate = DateTime.now();

  Future<void> _selectDate(BuildContext context) async {
    final DateTime picked = await showDatePicker(
        context: context,
        initialDate: selectedDate,
        firstDate: DateTime(2015, 8),
        lastDate: DateTime(2101));
    if (picked != null && picked != selectedDate)
      setState(() {
        selectedDate = picked;
      });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Text("${selectedDate.toLocal()}".split(' ')[0]),
            SizedBox(height: 20.0,),
            RaisedButton(
              onPressed: () => _selectDate(context),
              child: Text('Select date'),
            ),
          ],
        ),
      ),
    );
  }
}

Et un Dartpad avec:

https://dartpad.dev/e5a99a851ae747e517b75ac221b73529

Answer 2

Flutter fournit `` la fonction pour y parvenir. Il fait partie de la bibliothèque de matériaux flottants.

Vous pouvez trouver la documentation complète à showDatePicker.

Vous pouvez également trouver l’exemple mis en œuvre ici: Date et heure Picker

Answer 3

pour le ramasseur de temps-

Déclarez cette variable au niveau de la classe

et appeler cette méthode:-