satisfy Prettier

Author: shirakaba

demo-react/package.json

@@ -38,10 +38,10 @@
     "template"
   ],
   "dependencies": {
-    "@nativescript/core": "8.0.0-alpha.8",
     "@nativescript-community/ui-material-activityindicator": "file:../packages/activityindicator",
-    "@nativescript-community/ui-material-bottomsheet": "file:../packages/bottomsheet",
+    "@nativescript-community/ui-material-bottom-navigation": "file:../packages/bottom-navigation",
     "@nativescript-community/ui-material-bottomnavigationbar": "file:../packages/bottomnavigationbar",
+    "@nativescript-community/ui-material-bottomsheet": "file:../packages/bottomsheet",
     "@nativescript-community/ui-material-button": "file:../packages/button",
     "@nativescript-community/ui-material-cardview": "file:../packages/cardview",
     "@nativescript-community/ui-material-core": "file:../packages/core",
@@ -51,8 +51,10 @@
     "@nativescript-community/ui-material-ripple": "file:../packages/ripple",
     "@nativescript-community/ui-material-slider": "file:../packages/slider",
     "@nativescript-community/ui-material-snackbar": "file:../packages/snackbar",
+    "@nativescript-community/ui-material-tabs": "file:../packages/tabs",
     "@nativescript-community/ui-material-textfield": "file:../packages/textfield",
     "@nativescript-community/ui-material-textview": "file:../packages/textview",
+    "@nativescript/core": "8.0.0-alpha.8",
     "@nativescript/theme": "3.0.0",
     "nativescript-ui-listview": "9.1.0",
     "react": "~16.13.1",

demo-react/src/app.ts

@@ -10,7 +10,7 @@ purpose of the file is to pass control to the app’s first module.
 */
 
 import * as ReactNativeScript from 'react-nativescript';
-import { mainStackNavigator as AppContainer } from './components/Navigator';
+import { ExampleTabs as AppContainer } from './components/HomeScreen';
 import { registerTabs } from '@nativescript-community/ui-material-tabs/react';
 
 registerTabs();

demo-react/src/components/HomeScreen.tsx

@@ -1,22 +1,22 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-nativescript';
 
-export function ExampleTabs(){
+export function ExampleTabs() {
     return (
         <tabs selectedIndex={1}>
             {/* The bottomTab UI is created via tabStrip (the container) and tabStripItem (for each tab) */}
             <tabStrip>
                 <tabStripItem>
                     <label>Home</label>
-                    <image src="font://&#xf015;" className="fas"/>
+                    <image src="font://&#xf015;" className="fas" />
                 </tabStripItem>
                 <tabStripItem className="special">
                     <label>Account</label>
-                    <image src="font://&#xf007;" className="fas"/>
+                    <image src="font://&#xf007;" className="fas" />
                 </tabStripItem>
                 <tabStripItem className="special">
                     <label>Search</label>
-                    <image src="font://&#xf00e;" className="fas"/>
+                    <image src="font://&#xf00e;" className="fas" />
                 </tabStripItem>
             </tabStrip>
 
@@ -42,17 +42,17 @@ export function ExampleTabs(){
 
 const styles = StyleSheet.create({
     container: {
-        height: "100%",
-        flexDirection: "column",
-        justifyContent: "center",
+        height: '100%',
+        flexDirection: 'column',
+        justifyContent: 'center'
     },
     text: {
-        textAlignment: "center",
+        textAlignment: 'center',
         fontSize: 24,
-        color: "black",
+        color: 'black'
     },
     button: {
         fontSize: 24,
-        color: "#2e6ddf",
-    },
-});
+        color: '#2e6ddf'
+    }
+});