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