- This is a NativeBase component which renders as body element of your screen.
- Each screen can have only one
<Content>component and can be defined anywhere within the Container. - Content takes in the whole collection of React Native and NativeBase components.
- Content provides you with stylesheet.
- User can add custom styles while defining
<Content>within their app. - Replacing Component:
React Native Keyboard Aware Scroll View's
<KeyboardAwareScrollView>
| iOS | Android |
Syntax
import React, { Component } from 'react';
import { Container, Content } from 'native-base/ui';
export default class ContentExample extends Component {
render() {
return (
<Container>
<Content>
// Your main content goes here
</Content>
</Container>
);
}
}}})
}})