Creeu una aplicació de cronòmetre amb Flutter

Bloc

Creeu una aplicació de cronòmetre amb Flutter

Recentment he estat aprenent el llenguatge Flutter i Dart i realment em van impressionar. Flutter està molt inspirat en React i molts conceptes ja són familiars: stateful / apàtrida, funció de renderització, jerarquia de components, etc. , per tant, si ja coneixeu Python, JavaScript, C ++, podeu recollir Dart molt ràpidament.

D’acord, tornem al tema principal d’aquest article: crear una aplicació de cronòmetre. Hi ha algunes publicacions sobre com construir un cronòmetre (com ara això ), però m’agradaria compartir un enfocament alternatiu.

L'exemple d'aquesta publicació utilitzava Android Studio. Si no ho heu fet, seguiu el Comenceu a formar part dels documents de Flutter per configurar Flutter i Android Studio.

La idea

Flutter va proporcionar un Cronòmetre classe . Es pot iniciar o aturar i el temps transcorregut es pot llegir des del elapsedMilliseconds propietat. Per tant, tècnicament podem configurar una pàgina amb un Stopwatch per exemple, simplement mostreu el stopwatch.elapsedMilliseconds.

Tot i això, hi ha un problema: Stopwatch no proporciona cap devolució de trucada, de manera que no tenim ni idea de quan s'ha de tornar a representar. Aquí el Temporitzador classe ve al rescat. Desencadena una devolució de trucada amb un interval determinat. Per tant, podem utilitzar un Timer per activar la reproducció, llegiu stopwatch.elapsedMilliseconds i reconstrueix la pàgina.

#flutter #programming #dart

itnext.io

Creeu una aplicació de cronòmetre amb Flutter

Obteniu informació sobre com crear una aplicació de cronòmetre amb Flutter. Flutter va proporcionar una classe de cronòmetre. Es pot iniciar o aturar i el temps transcorregut es pot llegir des de la propietat elapsedMilliseconds. Per tant, tècnicament podem configurar una pàgina amb una instància de cronòmetre i, a continuació, simplement mostrar el stopwatch.elapsedMilliseconds.