From 6e1734cf873efe23cba179bcae2b4acdc2768970 Mon Sep 17 00:00:00 2001
From: Esteban Jaramillo <ejaramillos@unal.edu.co>
Date: Wed, 19 Jul 2023 10:18:58 -0500
Subject: [PATCH 1/2] Update native-stack-navigator.md

Add onSearchButtonPress prop to headerSearchBarOptions
---
 .../version-7.x/native-stack-navigator.md        | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/versioned_docs/version-7.x/native-stack-navigator.md b/versioned_docs/version-7.x/native-stack-navigator.md
index e535f68150e..64c7e39ac3d 100755
--- a/versioned_docs/version-7.x/native-stack-navigator.md
+++ b/versioned_docs/version-7.x/native-stack-navigator.md
@@ -384,6 +384,22 @@ React.useLayoutEffect(() => {
 }, [navigation]);
 ```
 
+### `onSearchButtonPress`
+
+A callback that gets called when the search button is pressed.
+
+```js
+const [search, setSearch] = React.useState('');
+
+React.useLayoutEffect(() => {
+  navigation.setOptions({
+    headerSearchBarOptions: {
+      onSearchButtonPress: (event) => setSearch(event?.nativeEvent?.text),
+    },
+  });
+}, [navigation]);
+```
+
 #### `header`
 
 Custom header to use instead of the default header.

From bff96b7f2e8c20772f38d1ba20526ccd15fae528 Mon Sep 17 00:00:00 2001
From: Esteban Jaramillo <ejaramillos@unal.edu.co>
Date: Wed, 19 Jul 2023 10:21:17 -0500
Subject: [PATCH 2/2] Update native-stack-navigator.md

Add onSearchButtonPress prop to headerSearchBarOptions
---
 .../version-6.x/native-stack-navigator.md        | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/versioned_docs/version-6.x/native-stack-navigator.md b/versioned_docs/version-6.x/native-stack-navigator.md
index 67f096165ae..c4bc04d7fff 100755
--- a/versioned_docs/version-6.x/native-stack-navigator.md
+++ b/versioned_docs/version-6.x/native-stack-navigator.md
@@ -384,6 +384,22 @@ React.useLayoutEffect(() => {
 }, [navigation]);
 ```
 
+### `onSearchButtonPress`
+
+A callback that gets called when the search button is pressed.
+
+```js
+const [search, setSearch] = React.useState('');
+
+React.useLayoutEffect(() => {
+  navigation.setOptions({
+    headerSearchBarOptions: {
+      onSearchButtonPress: (event) => setSearch(event?.nativeEvent?.text),
+    },
+  });
+}, [navigation]);
+```
+
 #### `header`
 
 Custom header to use instead of the default header.