Example page minor fixes and ignore warnings (#233)

Co-authored-by: Ankit Tiwari <ankitt255@gmail.com>

Author: chirag-singhal

packages/rn-tester/js/RNTesterApp.android.js

@@ -27,6 +27,7 @@ const {
   UIManager,
   useColorScheme,
   View,
+  LogBox,
 } = require('react-native');
 
 import type {RNTesterExample} from './types/RNTesterTypes';
@@ -148,6 +149,12 @@ const RNTesterExampleListViaHook = ({
 class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
   constructor() {
     super();
+
+    // RNTester App currently uses Async Storage from react-native for storing navigation state
+    // and bookmark items.
+    // TODO: Add Native Async Storage Module in RNTester
+    LogBox.ignoreLogs([new RegExp('has been extracted from react-native')]);
+
     this.state = {
       openExample: null,
       Components: bookmarks.Components,

packages/rn-tester/js/RNTesterApp.ios.js

@@ -30,6 +30,7 @@ const {
   Text,
   useColorScheme,
   View,
+  LogBox,
 } = require('react-native');
 
 import type {RNTesterExample} from './types/RNTesterTypes';
@@ -184,6 +185,12 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
 
   constructor() {
     super();
+
+    // RNTester App currently uses Async Storage from react-native for storing navigation state
+    // and bookmark items.
+    // TODO: Add Native Async Storage Module in RNTester
+    LogBox.ignoreLogs([new RegExp('has been extracted from react-native')]);
+
     this.state = {
       openExample: null,
       screen: 'component',

packages/rn-tester/js/components/ExamplePage.js

@@ -36,7 +36,7 @@ export default function ExamplePage(props: Props): React.Node {
   return (
     <>
       <View style={styles.titleView}>
-        <Text style={{marginVertical: 8}}>{description}</Text>
+        <Text style={{marginVertical: 8, fontSize: 16}}>{description}</Text>
         <View style={styles.rowStyle}>
           <Text style={{color: theme.SecondaryLabelColor, width: 65}}>
             {category || 'Other'}

packages/rn-tester/js/components/RNTesterBlock.js

@@ -41,7 +41,7 @@ const styles = StyleSheet.create({
   container: {
     borderRadius: 0,
     borderWidth: 1,
-    marginVertical: 15,
+    marginTop: 30,
     marginHorizontal: 20,
     backgroundColor: 'white',
   },

packages/rn-tester/js/components/RNTesterExampleFilter.js

@@ -89,7 +89,7 @@ class RNTesterExampleFilter extends React.Component<Props, State> {
            * This is a fake list item. It is needed to provide the ScrollView some bottom padding.
            * The height of this item is basically ScreenHeight - the height of (Header + bottom navbar)
            * */}
-          <View style={{height: 320}} />
+          <View style={{height: 350}} />
         </ScrollView>
       );
     } else {