implemented tabview on fhir screen

Author: FireJuun

lib/screens/fhir/fhir.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class FhirView extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Fhir'));
+  }
+}

lib/screens/fhir.screen.dart renamed to lib/screens/fhir/fhir.screen.dart

@@ -1,18 +1,30 @@
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_icons/flutter_icons.dart';
 import 'package:get/get.dart';
+import 'package:symptom_tracker/screens/fhir/fhir.dart';
+import 'package:symptom_tracker/screens/fhir/firebase.dart';
+import 'package:symptom_tracker/screens/fhir/sandbox.dart';
 import 'package:symptom_tracker/services/services.dart';
 
 import 'package:symptom_tracker/shared/shared.dart';
 
 class FhirScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: SharedAppBar(
-        title: 'FHIR',
+    return DefaultTabController(
+      length: 3,
+      child: Scaffold(
+        appBar: SharedAppBar(
+          title: 'FHIR',
+        ),
+        body: _buildBody(),
+        bottomNavigationBar: TabBar(tabs: [
+          Tab(icon: Icon(FlutterIcons.md_bonfire_ion), text: 'Sandbox'),
+          Tab(icon: Icon(FlutterIcons.firebase_mco), text: 'Firebase'),
+          Tab(icon: Icon(FlutterIcons.fire_mco), text: 'FHIR'),
+        ]),
       ),
-      body: _buildBody(),
     );
   }
 
@@ -22,9 +34,16 @@ class FhirScreen extends StatelessWidget {
         children: <Widget>[
           _firebaseStream(),
           SizedBox(height: 24),
-          Text('Obligatory FHIR Puns:', style: Get.theme.textTheme.headline4),
-          SizedBox(height: 24),
-          _sandbox(),
+          Expanded(
+            child: Container(
+              color: Get.theme.unselectedWidgetColor,
+              child: TabBarView(children: [
+                SandboxView(),
+                FirebaseView(),
+                FhirView(),
+              ]),
+            ),
+          ),
         ],
       ),
     );
@@ -50,19 +69,4 @@ class FhirScreen extends StatelessWidget {
       ),
     );
   }
-
-  Widget _sandbox() {
-    return Expanded(
-      child: ListView(
-        children: <Widget>[
-          Text('text', textAlign: TextAlign.center),
-          Text('text', textAlign: TextAlign.center),
-          Text('text', textAlign: TextAlign.center),
-          Text('text', textAlign: TextAlign.center),
-          Text('text', textAlign: TextAlign.center),
-          Text('text', textAlign: TextAlign.center),
-        ],
-      ),
-    );
-  }
 }

lib/screens/fhir/firebase.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class FirebaseView extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: Text('Firebase'));
+  }
+}

lib/screens/fhir/sandbox.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class SandboxView extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        Text('Obligatory FHIR Puns:', style: Get.theme.textTheme.headline4),
+        SizedBox(height: 24),
+        _sandbox(),
+      ],
+    );
+  }
+
+  Widget _sandbox() {
+    return Expanded(
+      child: ListView(
+        children: <Widget>[
+          Text('text', textAlign: TextAlign.center),
+          Text('text', textAlign: TextAlign.center),
+          Text('text', textAlign: TextAlign.center),
+          Text('text', textAlign: TextAlign.center),
+          Text('text', textAlign: TextAlign.center),
+          Text('text', textAlign: TextAlign.center),
+        ],
+      ),
+    );
+  }
+}

lib/screens/screens.dart

@@ -1,4 +1,4 @@
+export './fhir/fhir.screen.dart';
 export 'checkin.screen.dart';
 export 'dashboard.screen.dart';
-export 'fhir.screen.dart';
 export 'home.screen.dart';

lib/theme.dart

@@ -18,6 +18,13 @@ ThemeData appTheme() {
     appBarTheme: _buildAppBarTheme(textTheme),
     iconTheme: iconTheme,
     primaryIconTheme: iconTheme.copyWith(color: _AppColors.primary),
+    tabBarTheme: TabBarTheme(
+      labelStyle: textTheme.subtitle1.copyWith(color: _AppColors.primary),
+      labelPadding: EdgeInsets.symmetric(vertical: 12),
+      indicator:
+          BoxDecoration(color: _AppColors.primary, borderRadius: BorderRadius.vertical(top: Radius.circular(16))),
+      unselectedLabelColor: _AppColors.disabled,
+    ),
 
     // Misc
     buttonTheme: ButtonThemeData(
@@ -45,9 +52,7 @@ class _AppColors {
 
 /// ******* Custom Themes *******
 AppBarTheme _buildAppBarTheme(TextTheme textTheme) {
-  return AppBarTheme(
-    textTheme: textTheme.apply(displayColor: _AppColors.primary),
-  );
+  return AppBarTheme(textTheme: textTheme.apply(displayColor: _AppColors.primary), brightness: Brightness.light);
 }
 
 IconThemeData _buildIconTheme() {