Wrapper
React Native Food Ordering App UI Template provides a Wrapper component to use for main screens. The component includes StatusBar, SafeArea and a ScrollView components from React Native. The Wrapper class is designed to have a fixed footer component if needed.
Props
Required
Type
footer
No
Component
Sample
import React from 'react';
import { Wrapper, Left, Container, Header, H1} from '../utils';
import { IconBtn } from '../utils/Input';
export default class Blank extends React.Component {
state = {};
render() {
return (
<Wrapper>
<Header>
<Left>
<IconBtn icon={global.backIcon}
onPress={() => this.props.navigation.goBack()}
style={{marginLeft: -10}}
/>
</Left>
</Header>
<Container>
<H1>Blank</H1>
</Container>
</Wrapper>
);
}
}
Last updated
Was this helpful?