Add scroll view keyboard inset height test option

Author: adamaveray

packages/rn-tester/js/examples/ScrollView/ScrollViewKeyboardInsetsExample.ios.js

@@ -23,8 +23,10 @@ export function ScrollViewKeyboardInsetsExample() {
   const [automaticallyAdjustKeyboardInsets, setAutomaticallyAdjustKeyboardInsets] = React.useState(true);
   const [flatList, setFlatList] = React.useState(false);
   const [inverted, setInverted] = React.useState(false);
+  const [heightRestricted, setHeightRestricted] = React.useState(false);
 
   const scrollViewProps = {
+    style: heightRestricted && styles.scrollViewHeightRestricted,
     contentContainerStyle: styles.scrollViewContent,
     automaticallyAdjustKeyboardInsets: automaticallyAdjustKeyboardInsets,
     keyboardDismissMode: 'interactive',
@@ -67,6 +69,13 @@ export function ScrollViewKeyboardInsetsExample() {
             style={styles.controlSwitch}/>
         </View>
       )}
+      <View style={styles.controlRow}>
+        <Text><Text style={styles.code}>HeightRestricted</Text> is {heightRestricted + ''}</Text>
+        <Switch
+          onValueChange={v => setHeightRestricted(v)}
+          value={heightRestricted}
+          style={styles.controlSwitch}/>
+      </View>
       <View style={styles.controlRow}>
         <TextInput placeholder={'Text input outside scroll view'} style={styles.controlTextInput} />
       </View>
@@ -94,6 +103,11 @@ const styles = StyleSheet.create({
     alignItems: 'stretch',
     justifyContent: 'flex-start',
   },
+  scrollViewHeightRestricted: {
+    marginVertical: 50,
+    borderColor: '#f00',
+    borderWidth: 1,
+  },
   scrollViewContent: {
     paddingVertical: 5,
     paddingHorizontal: 10,