#699 Add ML Kit support (ML Kit demo, and further implementation of a few features)

Author: EddyVerbruggen

demo-ng/app/App_Resources/iOS/tabIcons/firestore.png

@@ -11,6 +11,10 @@ refer to http://docs.nativescript.org/ui/theme.
 */
 @import 'nativescript-theme-core/css/core.light.css';
 
+.tab-content {
+  margin: 8;
+}
+
 label {
   padding: 6;
   font-size: 14;
@@ -25,8 +29,8 @@ label {
 
 button {
   background-color: #6494AA;
-  padding: 8 12;
-  margin: 4 10;
+  padding: 8 10;
+  margin: 4 8;
   font-size: 13;
   border-radius: 4;
 }
@@ -72,10 +76,10 @@ button {
 }
 
 .mlKitCamera {
-  /*border-radius: 130;*/
-  border-width: 8;
-  border-color: #ddd;
-  width: 260;
-  height: 260;
+  /*border-radius: 20;*/
+  /*border-width: 8;*/
+  /*border-color: #ddd;*/
+  width: 280;
+  height: 280;
   margin-top: 16;
 }

demo-ng/app/App_Resources/iOS/tabIcons/firestore@2x.png

@@ -3,14 +3,6 @@ import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 import { AppRoutingModule } from "./app.routing";
 import { AppComponent } from "./app.component";
 
-import { ItemsComponent } from "./item/items.component";
-
-import { registerElement } from "nativescript-angular/element-registry";
-
-registerElement("MLKitBarcodeScanner", () => require("nativescript-plugin-firebase/mlkit/barcodescanning").MLKitBarcodeScanner);
-registerElement("MLKitFaceDetection", () => require("nativescript-plugin-firebase/mlkit/facedetection").MLKitFaceDetection);
-registerElement("MLKitTextRecognition", () => require("nativescript-plugin-firebase/mlkit/textrecognition").MLKitTextRecognition);
-
 @NgModule({
   bootstrap: [
     AppComponent
@@ -20,8 +12,7 @@ registerElement("MLKitTextRecognition", () => require("nativescript-plugin-fireb
     AppRoutingModule
   ],
   declarations: [
-    AppComponent,
-    ItemsComponent
+    AppComponent
   ],
   schemas: [
     NO_ERRORS_SCHEMA

demo-ng/app/App_Resources/iOS/tabIcons/firestore@3x.png

@@ -1,16 +1,15 @@
 import { NgModule } from "@angular/core";
-import { NativeScriptRouterModule } from "nativescript-angular/router";
 import { Routes } from "@angular/router";
-
-import { ItemsComponent } from "./item/items.component";
+import { NativeScriptRouterModule } from "nativescript-angular/router";
 
 const routes: Routes = [
-    { path: "", redirectTo: "/items", pathMatch: "full" },
-    { path: "items", component: ItemsComponent }
+  {path: "", redirectTo: "/tabs", pathMatch: "full"},
+  {path: "tabs", loadChildren: "./tabs/tabs.module#TabsModule"}
 ];
 
 @NgModule({
-    imports: [NativeScriptRouterModule.forRoot(routes)],
-    exports: [NativeScriptRouterModule]
+  imports: [NativeScriptRouterModule.forRoot(routes)],
+  exports: [NativeScriptRouterModule]
 })
-export class AppRoutingModule { }
+export class AppRoutingModule {
+}