Update apps for SceneDelegate support

Summary:
Update the RNTester and HelloWorld JS layers for SceneDelegate-based window resizing and app lifecycle behavior.

Changelog:
[iOS][Changed] - Update RNTester and HelloWorld for SceneDelegate lifecycle behavior

Reviewed By: javache

Differential Revision: D113758227

Pulled By: cipolleschi

Author: artus9033

packages/rn-tester/IntegrationTests/IntegrationTestsApp.js

@@ -32,11 +32,12 @@ const TESTS = [
   require('./WebSocketTest'),
   require('./AccessibilityManagerTest'),
   require('./GlobalEvalWithSourceUrlTest'),
-].map(mod => mod.default);
+  // $FlowFixMe[incompatible-type] (>=0.319.0) `require()` modules have unknown shape
+].map(mod => mod.default) as Array<React.ComponentType<{...}>>;
 
 TESTS.forEach(test =>
   AppRegistry.registerComponent(
-    (test as React.ComponentType<any>).displayName || test.name || '',
+    test.displayName || test.name || '',
     /* $FlowFixMe[incompatible-type] (>=0.54.0 site=react_native_fb,react_native_
      * oss) This comment suppresses an error found when Flow v0.54 was deployed.
      * To see the error delete this comment and run Flow. */
@@ -84,7 +85,7 @@ class IntegrationTestsApp extends React.Component<{...}, $FlowFixMe> {
                */
               style={styles.row}>
               <Text style={styles.testName}>
-                {(test as React.ComponentType<any>).displayName || test.name}
+                {test.displayName || test.name}
               </Text>
             </TouchableOpacity>,
             <View style={styles.separator} />,

packages/rn-tester/js/examples/Dimensions/DimensionsExample.js

@@ -13,7 +13,7 @@ import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import RNTesterText from '../../components/RNTesterText';
 import * as React from 'react';
 import {useEffect, useState} from 'react';
-import {Dimensions, useWindowDimensions} from 'react-native';
+import {Button, Dimensions, View, useWindowDimensions} from 'react-native';
 
 type Props = {dim: string};
 
@@ -40,6 +40,22 @@ const DimensionsViaHook = () => {
   );
 };
 
+const DimensionsViaCall = ({dim}: Props) => {
+  const [info, setInfo] = useState(() => Dimensions.get(dim));
+  return (
+    <View>
+      <Button
+        onPress={() => setInfo(Dimensions.get(dim))}
+        title={`Invoke get('${dim}')`}
+      />
+
+      <RNTesterText variant="label">
+        {JSON.stringify(info, null, 2)}
+      </RNTesterText>
+    </View>
+  );
+};
+
 exports.title = 'Dimensions';
 exports.category = 'UI';
 exports.documentationURL = 'https://reactnative.dev/docs/dimensions';
@@ -52,15 +68,27 @@ exports.examples = [
     },
   },
   {
-    title: 'Non-component `get` API: window',
+    title: 'Non-component `get` API (subscription): window',
     render(): React.MixedElement {
       return <DimensionsSubscription dim="window" />;
     },
   },
   {
-    title: 'Non-component `get` API: screen',
+    title: 'Non-component `get` API (subscription): screen',
     render(): React.MixedElement {
       return <DimensionsSubscription dim="screen" />;
     },
   },
+  {
+    title: 'Non-component `get` API (manual call): window',
+    render(): React.MixedElement {
+      return <DimensionsViaCall dim="window" />;
+    },
+  },
+  {
+    title: 'Non-component `get` API (manual call): screen',
+    render(): React.MixedElement {
+      return <DimensionsViaCall dim="screen" />;
+    },
+  },
 ] as Array<RNTesterModuleExample>;

private/helloworld/App.tsx

@@ -26,7 +26,9 @@ function App(): React.ReactNode {
       <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
       <ScrollView contentInsetAdjustmentBehavior="automatic">
         <View>
-          <Text style={styles.title}>Hello, World!</Text>
+          <Text style={[styles.title, {color: isDarkMode ? 'white' : 'black'}]}>
+            Hello, World!
+          </Text>
         </View>
       </ScrollView>
     </SafeAreaView>