docs: Native Stack - headerSearchBarOptions

versioned_docs/version-7.x/native-stack-navigator.md

@@ -376,12 +376,16 @@ The search field background color. By default bar tint color is translucent.
 
 Only supported on iOS.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png" width="500" alt="Header search bar options - Bar tint color" />
+
 ##### `tintColor`
 
 The color for the cursor caret and cancel button text.
 
 Only supported on iOS.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png" width="500" alt="Header search bar options - Tint color" />
+
 ##### `cancelButtonText`
 
 The text to be used instead of default `Cancel` button text.
@@ -431,18 +435,24 @@ Text displayed when search field is empty.
 
 The color of the text in the search field.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-textColor.png" width="500" alt="Header search bar options - Text color" />
+
 ##### `hintTextColor`
 
 The color of the hint text in the search field.
 
 Only supported on Android.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png" width="500" alt="Header search bar options - Hint text color" />
+
 ##### `headerIconColor`
 
 The color of the search and close icons shown in the header
 
 Only supported on Android.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png" width="500" alt="Header search bar options - Header icon color" />
+
 ##### `shouldShowHintSearchIcon`
 
 Whether to show the search hint icon when search bar is focused. Defaults to `true`.