Skip to main content
codigo
Origen Enlace
       body: FutureBuilder<FullRecorde>(
          future: futureRecord,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Card(
                //Calendario para seleccionar una fecha.
                child: Column(
                  children: [
                    //LIST TILE DONDE SE MUESTRA LA FECHA DEL REGISTRO
                    ListTile(
                      title: Text((convertirFecha(snapshot.data!.RecordDate)),
                          textAlign: TextAlign.center,
                          style: const TextStyle(fontSize: 24)),
                      subtitle: Text(determinarActividad(y.toString()),
                        textAlign: TextAlign.center,
                      ),
                    ),
                    Row(
                      children: const [
                        Text('Select Date'),
                        Icon(Icons.keyboard_arrow_down_outlined),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),

  //List Tile que carga la fecha del registro consultado, NO puede cambiar la fecha.
                    ListTile(
                      title: Text(
                        "${(formatearAnio(snapshot.data!.RecordDate))} , ${(formatearMes(snapshot.data!.RecordDate))} , ${(formatearDia(snapshot.data!.RecordDate))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                    ),
  //List Tile que carga la hora de entrada del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children:const [
                        Text('Entry Time'), 
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.EntryTime))} : ${(formatearMinutos(snapshot.data!.EntryTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                        
                      ),
                      onTap: _pickEntryTime,
                      //FUNCION DEL TIMEPICKER
                    ),
                    const SizedBox(
                      height: 20,
                    ),
  //List Tile que carga la hora de salida del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children: const [
                        Text('Exit Time'),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.ExitTime))} : ${(formatearMinutos(snapshot.data!.ExitTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                      onTap: _pickExitTime,
                    ),
       body: FutureBuilder<FullRecorde>(
          future: futureRecord,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Card(
                //Calendario para seleccionar una fecha.
                child: Column(
                  children: [
                    //LIST TILE DONDE SE MUESTRA LA FECHA DEL REGISTRO
                    ListTile(
                      title: Text((convertirFecha(snapshot.data!.RecordDate)),
                          textAlign: TextAlign.center,
                          style: const TextStyle(fontSize: 24)),
                      subtitle: Text(determinarActividad(y.toString()),
                        textAlign: TextAlign.center,
                      ),
                    ),
                    Row(
                      children: const [
                        Text('Select Date'),
                        Icon(Icons.keyboard_arrow_down_outlined),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),

  //List Tile que carga la fecha del registro consultado, NO puede cambiar la fecha.
                    ListTile(
                      title: Text(
                        "${(formatearAnio(snapshot.data!.RecordDate))} , ${(formatearMes(snapshot.data!.RecordDate))} , ${(formatearDia(snapshot.data!.RecordDate))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                    ),
  //List Tile que carga la hora de entrada del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children:const [
                        Text('Entry Time'), 
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.EntryTime))} : ${(formatearMinutos(snapshot.data!.EntryTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                        
                      ),
                      onTap: _pickEntryTime,
                      
                    ),
                    const SizedBox(
                      height: 20,
                    ),
  //List Tile que carga la hora de salida del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children: const [
                        Text('Exit Time'),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.ExitTime))} : ${(formatearMinutos(snapshot.data!.ExitTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                      onTap: _pickExitTime,
                    ),
       body: FutureBuilder<FullRecorde>(
          future: futureRecord,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Card(
                //Calendario para seleccionar una fecha.
                child: Column(
                  children: [
  //List Tile que carga la hora de entrada del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children:const [
                        Text('Entry Time'), 
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.EntryTime))} : ${(formatearMinutos(snapshot.data!.EntryTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                        
                      ),
                      onTap: _pickEntryTime,
                      //FUNCION DEL TIMEPICKER
                    ),
                    const SizedBox(
                      height: 20,
                    ),
  //List Tile que carga la hora de salida del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children: const [
                        Text('Exit Time'),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.ExitTime))} : ${(formatearMinutos(snapshot.data!.ExitTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                      onTap: _pickExitTime,
                    ),
titulo
Enlace

Como actualizar Actualizar un ListTile que contiene TimePicker en Flutter

Origen Enlace

Como actualizar un ListTile que contiene TimePicker en Flutter

Tengo un ListTile que contiene un TimePicker, que obtiene datos del servidor para ser mostrados al usuario, entre esos datos, está una hora de entrada (y de salida en otro ListTile), esa pantalla en cuestión, es para editar ese registro, y el usuario puede cambiar la hora, seleccionando uno de esos TimePicker y seleccionando la nueva hora, el problema es, que quiero que se despliegue la nueva hora en donde se visualizaba la anterior, pero no he podido hacerlo.

Anexo el código del ListTile:

       body: FutureBuilder<FullRecorde>(
          future: futureRecord,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return Card(
                //Calendario para seleccionar una fecha.
                child: Column(
                  children: [
                    //LIST TILE DONDE SE MUESTRA LA FECHA DEL REGISTRO
                    ListTile(
                      title: Text((convertirFecha(snapshot.data!.RecordDate)),
                          textAlign: TextAlign.center,
                          style: const TextStyle(fontSize: 24)),
                      subtitle: Text(determinarActividad(y.toString()),
                        textAlign: TextAlign.center,
                      ),
                    ),
                    Row(
                      children: const [
                        Text('Select Date'),
                        Icon(Icons.keyboard_arrow_down_outlined),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),

  //List Tile que carga la fecha del registro consultado, NO puede cambiar la fecha.
                    ListTile(
                      title: Text(
                        "${(formatearAnio(snapshot.data!.RecordDate))} , ${(formatearMes(snapshot.data!.RecordDate))} , ${(formatearDia(snapshot.data!.RecordDate))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                    ),
  //List Tile que carga la hora de entrada del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children:const [
                        Text('Entry Time'), 
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.EntryTime))} : ${(formatearMinutos(snapshot.data!.EntryTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                        
                      ),
                      onTap: _pickEntryTime,
                      
                    ),
                    const SizedBox(
                      height: 20,
                    ),
  //List Tile que carga la hora de salida del registro consultado, al presionar, puede asignar una nueva hora.
                    Row(
                      children: const [
                        Text('Exit Time'),
                      ],
                      mainAxisAlignment: MainAxisAlignment.center,
                    ),
                    ListTile(
                      title: Text(
                        //Para que se vea como 17: 0 8
                        "${(formatearHora(snapshot.data!.ExitTime))} : ${(formatearMinutos(snapshot.data!.ExitTime))}",
                        style: const TextStyle(fontSize: 24),
                        textAlign: TextAlign.center,
                      ),
                      onTap: _pickExitTime,
                    ),

Y tengo el método del TimePicker:

//Función que muestra el Time Picker.
  _pickEntryTime() async {
    TimeOfDay? timeRecord = await showTimePicker(
      context: context,
      initialTime: entrytime,
    );
    if (timeRecord != null) {
      setState(() {
        entrytime = timeRecord;
        // DateTime newDateTime = DateTime(time.hour,time.minute);
        finaltime = '${entrytime.hour}:${entrytime.minute}';
        finalfinal = finaltime;
      });
    }
  }