Skip to content

Commit

Permalink
Clarified by separating theme and navigationImage
Browse files Browse the repository at this point in the history
  • Loading branch information
grahammendick committed Feb 18, 2023
1 parent 52e78c6 commit 390a3f9
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion documentation/native/navigation-bar.html
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ <h2>Adding Buttons</h2>
</code></pre>
<h2>Adding a Search Bar</h2>
<p>
The <code>SearchBar</code> component displays a search bar in the navigation bar. It calls the <code>onChangeText</code> prop whenever the search text changes. Any search results you render into the component's children are displayed in a new native screen that sits over the top of the current one. On Android, you need to set a <code>navigationImage</code> and a <code>Material3</code> theme in styles.xml, for example, <code>Theme.Material3.Light.NoActionBar</code>. We allow the user to search their inbox in our example application by adding a <code>SearchBar</code> component to the 'mail' scene.
The <code>SearchBar</code> component displays a search bar in the navigation bar. It calls the <code>onChangeText</code> prop whenever the search text changes. Any search results you render into the component's children are displayed in a new native screen that sits over the top of the current one. On Android, you need to set a <code>Material3</code> theme in styles.xml, for example, <code>Theme.Material3.Light.NoActionBar</code>. Android also expects a <code>navigationImage</code> prop on the <code>NavigationBar</code> component. We allow the user to search their inbox in our example application by adding a <code>SearchBar</code> component to the 'mail' scene.
</p>
<div class="Note">
<h2>Note</h2>
Expand Down

0 comments on commit 390a3f9

Please sign in to comment.