1.模拟器运行效果如图
2.代码:
//Search Bar Example
import React, { Component } from 'react';
import { Container, Header, Item, Input, Icon, Button, Text, } from 'native-base';
export default class SearchBarExample extends Component{
render(){
return(
<Container>
<Header searchBar rounded>
<Item>
<Icon name='ios-search'/>
<Input placeholder='Search Here'/>
<Icon name="ios-people"/>
</Item>
<Button transparent>
<Text>Search Here</Text>
</Button>
</Header>
</Container>
);
}
}
//End Search Bar Example