Fix #3450: change presentation context when SearchBar activated (#3501)

lib/ios/RNNTopBarOptions.m

@@ -46,6 +46,9 @@ extern const NSInteger BLUR_TOPBAR_TAG;
 			viewController.navigationItem.searchController = search;
 			// enable it back if needed on componentDidAppear
 			viewController.navigationItem.hidesSearchBarWhenScrolling = NO;
+			
+			// Fixes #3450, otherwise, UIKit will infer the presentation context to be the root most view controller
+			viewController.definesPresentationContext = YES;
 		}
 	}
 	

playground/src/screens/SearchScreen.js

@@ -7,6 +7,7 @@ const {
   View,
   Button,
   Text,
+  TouchableOpacity,
   Platform
 } = require('react-native');
 
@@ -26,7 +27,6 @@ class SearchControllerScreen extends Component {
           visible: true
         },
         searchBar: true,
-        searchBarHiddenWhenScrolling: true,
         translucent: true,
         searchBarPlaceholder: 'Start Typing'
       }
@@ -63,6 +63,25 @@ class SearchControllerScreen extends Component {
     return text;
   }
 
+  onItemPressed = () => {
+    Navigation.push(this.props.componentId, {
+      component: {
+        name: 'navigation.playground.PushedScreen',
+        options: {
+          topBar: {
+            title: {
+              text: 'PushedScreen'
+            },
+            largeTitle: {
+              visible: true
+            },
+            translucent: true,
+          }
+        }
+      },
+    });
+  }
+
   render() {
     return (
       <FlatList
@@ -70,11 +89,11 @@ class SearchControllerScreen extends Component {
         data={this.filteredData()}
         contentContainerStyle={styles.contentContainer}
         renderItem={({ item }) => (
-          <View style={styles.row}>
+          <TouchableOpacity style={styles.row} onPress={this.onItemPressed}>
             <Text style={styles.rowText} testID={testIDs.SEARCH_RESULT_ITEM}>
               {this.highlight(item.key, this.state.query)}
             </Text>
-          </View>
+          </TouchableOpacity>
         )}
       />
     );