📋
React Food UI Template
  • Introduction
  • Get Started
  • UI Components
    • Typography
    • Card
    • Form
    • Grid
    • Wrapper
    • Star Rating
    • List Items
    • Buttons
    • Space
  • Configuration
Powered by GitBook
On this page

Was this helpful?

  1. UI Components

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>

		);
	}
}
PreviousGridNextStar Rating

Last updated 4 years ago

Was this helpful?