To have a textbox with round type border, include the borderType property and assign it with value as rounded.
| iOS | Android |
}}) |
}}) |
|---|
Syntax
import React, { Component } from 'react';
import { Container, Content, InputGroup, Input, Icon } from 'native-base/ui';
export default class RoundedTextboxExample extends Component {
render() {
return (
<Container>
<Content>
// Rounded text input box with icon
<InputGroup rounded>
<Icon name='ios-home' style={{color:'#384850'}}/>
<Input placeholder='Type your text here'/>
</InputGroup>
</Content>
</Container>
);
}
}