Diario Do0ne 4: Temporizador con Widget Personalizado

En Q2BSTUDIO hemos mejorado el flujo de trabajo de la aplicación Do0ne para aumentar la productividad y la concentración al completar tareas. Al ejecutar tareas Do0ne detectamos un incremento en la eficacia y decidimos potenciar esa ventaja añadiendo estimulación visual mediante un temporizador que se inicia cuando se crea cada tarea, de modo que se pueda seguir el tiempo transcurrido y favorecer que los usuarios terminen antes.

FlutterFlow ofrece un widget de temporizador con modos Count Down y Count Up, pero sus opciones de formato eran limitadas y no mostraba unidades en días, algo que queríamos incluir. Por eso optamos por la funcionalidad de Custom Widget en FlutterFlow para integrar código Flutter propio y así lograr el formato y estilo necesarios.

Al desarrollar la lógica básica del temporizador surgieron tres retos principales: falta de opciones de UI para estilizar el texto del temporizador, alineación por defecto a la izquierda sin efecto de la propiedad de alineado del widget y la necesidad de integrar el tema de la app para que el estilo fuera coherente. La solución fue implementar directamente en el Custom Widget el formato de salida, la tipografía y la alineación usando una combinación de TextAlign.center y un envoltorio Center para asegurar la centración efectiva, además de aplicar el tema con FlutterFlowTheme.of(context).bodyMedium.override y ajustar color, tamaño y peso de fuente desde el propio widget.

El resultado es un temporizador funcional que muestra correctamente el tiempo transcurrido por cada tarea Do0ne y adapta su apariencia según el estado temporal: dentro de las primeras 4 horas mantiene color por defecto, al superar 12 horas cambia a color de advertencia y al exceder 24 horas muestra un color de alerta. Esta señalización visual ayuda a priorizar y a tomar decisiones rápidas sobre tareas pendientes.

Además de la mejora visual, optimizamos la interfaz para que el listado de tareas completadas no ocupe demasiado espacio a medida que crece. Redimensionamos la sección de la lista para mantener una presentación limpia y legible y así preservar la experiencia de usuario incluso con muchas entradas completadas.

En Q2BSTUDIO somos una empresa de desarrollo de software y aplicaciones a medida con experiencia en soluciones personalizadas, inteligencia artificial y ciberseguridad. Implementamos proyectos que integran agentes IA, ia para empresas y capacidades de inteligencia de negocio como Power BI para transformar datos en decisiones. Si buscas soluciones a medida para tu negocio puedes conocer nuestros servicios de desarrollo de aplicaciones y software a medida en desarrollo de aplicaciones y software multiplataforma. Para proyectos que incorporen modelos de inteligencia artificial y automatización visita nuestra página de inteligencia artificial.

También ofrecemos servicios complementarios como ciberseguridad y pentesting, servicios cloud aws y azure, servicios de inteligencia de negocio y consultoría en Power BI, todos orientados a garantizar soluciones seguras, escalables y alineadas con los objetivos de negocio. Palabras clave que definen nuestra oferta: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi.

Si te interesa que adaptemos un temporizador similar o cualquier función personalizada en tu app, en Q2BSTUDIO podemos desarrollar la integración completa, desde el diseño del widget hasta su despliegue en producción, cumpliendo buenas prácticas de seguridad y rendimiento.