Set environment variables for enabling debugging screen and main animation.

Change-Id: Ia4100f300b7f8507564ef80a1fc56c2352cfd5ce
Signed-off-by: Lisandro Pérez Meyer <lpmeyer@ics.com>

3 files changed, 22 insertions, 6 deletions

diff --git a/README.md b/README.md
index cf7d4c6..92c8463 100644
--- a/README.md
+++ b/README.md
@@ -14,3 +14,14 @@ A few resources to get you started if this is your first Flutter project:
 For help getting started with Flutter development, view the
 [online documentation](https://docs.flutter.dev/), which offers tutorials,
 samples, guidance on mobile development, and a full API reference.
+
+## Useful environment variables
+
+- **DEBUG_DISPLAY** enables the Device Preview.
+- **DISABLE_BKG_ANIMATION** disables the main background animation.
+
+Use them like this:
+
+```
+flutter run --dart-define=DEBUG_DISPLAY=true,DISABLE_BKG_ANIMATION=true
+```
\ No newline at end of file
diff --git a/lib/main.dart b/lib/main.dart
index 3b896fc..85c7506 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -4,8 +4,9 @@ import 'export.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
+  const debugDisplay = bool.fromEnvironment('DEBUG_DISPLAY');
   runApp(DevicePreview(
-    enabled: false,
+    enabled: debugDisplay,
     tools: const [
       ...DevicePreview.defaultTools,
     ],
diff --git a/lib/presentation/screens/home/home.dart b/lib/presentation/screens/home/home.dart
index a18e640..41f6895 100644
--- a/lib/presentation/screens/home/home.dart
+++ b/lib/presentation/screens/home/home.dart
@@ -31,6 +31,9 @@ class HomeScreenState extends ConsumerState<HomeScreen> {
   ) {
     return Consumer(builder: (context, ref, child) {
       final state = ref.read(appProvider);
+      const disableBkgAnimation = bool.fromEnvironment('DISABLE_BKG_ANIMATION');
+      if(disableBkgAnimation)
+        print('Background animation: disabled');
       return Scaffold(
         key: homeScaffoldKey,
         extendBody: true,
@@ -38,11 +41,12 @@ class HomeScreenState extends ConsumerState<HomeScreen> {
         appBar: const CustomTopBar(),
         body: Stack(
           children: [
-            Lottie.asset(
-              'animations/BG-dotwaveform.json',
-              fit: BoxFit.cover,
-              repeat: true,
-            ),
+            if (!disableBkgAnimation)
+              Lottie.asset(
+                'animations/BG-dotwaveform.json',
+                fit: BoxFit.cover,
+                repeat: true,
+              ),
             FlowBuilder<AppState>(
               state: ref.watch(appProvider),
               onGeneratePages: onGenerateAppViewPages,