Typescript/keyboard (#1488)

* Revert "Revert "Typescript/keyboard (#1449)" (#1476)"

This reverts commit 2e59194.

* Fix TS issues leftover in Keyboard components

* Rearrange generated types

Author: ethanshar

README.md

@@ -118,4 +118,3 @@ class MyScreen extends Component {
   }
 }
 ```
-

demo/src/screens/nativeComponentScreens/SafeAreaSpacerViewScreen.js renamed to demo/src/screens/nativeComponentScreens/SafeAreaSpacerViewScreen.tsx

@@ -1,15 +1,14 @@
 import React, {PureComponent} from 'react';
 import {ScrollView, StyleSheet} from 'react-native';
-import {Text, View, SafeAreaSpacerView} from 'react-native-ui-lib'; //eslint-disable-line
+import {Text, View, SafeAreaSpacerView} from 'react-native-ui-lib';
 
 export default class SafeAreaSpacerViewScreen extends PureComponent {
-
   static options() {
     return {
       topBar: {
         drawBehind: true,
-        visible: false,
-      },
+        visible: false
+      }
     };
   }
 
@@ -19,7 +18,7 @@ export default class SafeAreaSpacerViewScreen extends PureComponent {
         <ScrollView contentContainerStyle={styles.scrollView}>
           <View paddingH-25 center>
             <Text text50 center>
-              {'When there are absolute-positioned view at the bottom and top,' + 
+              {'When there are absolute-positioned view at the bottom and top,' +
                 'it is sometimes hard or impossible to change the layout and avoid it.'}
               <Text red50> SafeAreaSpacerView </Text>
               {'can be used as a BOTTOM or TOP spacer and will get the height of the safe area insets'}
@@ -43,16 +42,16 @@ const styles = StyleSheet.create({
   scrollView: {
     flex: 1,
     alignItems: 'center',
-    justifyContent: 'center',
+    justifyContent: 'center'
   },
   topView: {
     position: 'absolute',
     top: 0,
-    left: 0,
+    left: 0
   },
   bottomView: {
     position: 'absolute',
     bottom: 0,
-    left: 0,
-  },
+    left: 0
+  }
 });