It’s kind of common on the Internet where – if we fail to get what we are looking for on a website, we resort to searching. Search box has always been an essential part of any application.
Syntax
{% codetabs name="React Native", type="js" -%} import React, { Component } from 'react'; import { Container, Header, Item, Input, Icon, Button, Text } from 'native-base'; export default class SearchBarExample extends Component { render() { return (
Search ); } } {%- language name="Vue Native", type="vue" -%} Search {%- endcodetabs %}searchBar: Prop to be used with<Header>component to have Search bar onto the Header section of your screen.- Replacing Component: React Native View
Configuration
| Property | Default | Option | Description |
|---|---|---|---|
| rounded | regular | - | Wraps the search bar with predefined border options. |