fix: make it possible to run example app (#226)

react-navigation · Feb 6, 2020 · df50e64 · df50e64
1 parent 155d839
commit df50e64
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/example/App.tsx b/example/App.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { registerRootComponent } from 'expo';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import {
   Assets as StackAssets,
@@ -130,4 +131,5 @@ const styles = {
   },
 };
 
-export default App;
+// @ts-ignore
+registerRootComponent(App);
diff --git a/example/src/Shared/Chat.tsx b/example/src/Shared/Chat.tsx
@@ -8,7 +8,7 @@ const MESSAGES = [
   'make me a sandwich',
 ];
 
-export default class Albums extends React.Component {
+export default class Chat extends React.Component {
   render() {
     return (
       <View style={styles.container}>

diff --git a/example/src/Shared/Contacts.tsx b/example/src/Shared/Contacts.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { View, Text, StyleSheet, FlatList } from 'react-native';
+import { View, Text, StyleSheet, FlatList, TextInput } from 'react-native';
 
 type Item = { name: string; number: number };
 
@@ -85,12 +85,18 @@ export default class Contacts extends React.Component {
 
   render() {
     return (
-      <FlatList
-        data={CONTACTS}
-        keyExtractor={(_, i) => String(i)}
-        renderItem={this._renderItem}
-        ItemSeparatorComponent={this._ItemSeparator}
-      />
+      <>
+        <TextInput
+          style={styles.textInput}
+          value="readonly textinput to see how tab bar behaves w/ keyboard"
+        />
+        <FlatList
+          data={CONTACTS}
+          keyExtractor={(_, i) => String(i)}
+          renderItem={this._renderItem}
+          ItemSeparatorComponent={this._ItemSeparator}
+        />
+      </>
     );
   }
 }
@@ -130,4 +136,7 @@ const styles = StyleSheet.create({
     height: StyleSheet.hairlineWidth,
     backgroundColor: 'rgba(0, 0, 0, .08)',
   },
+  textInput: {
+    height: 50,
+  },
 });