Section

Section is a wrapper for your content

section1

Usage#

Simple Usage#

section2

use <SectionContent/> to have a padding on your <Section/>

import { Section, SectionContent } from 'react-native-rapi-ui';
<Section>
<SectionContent>
<Text>This is a Section</Text>
</SectionContent>
</Section>;

Section with Image#

section3

use <SectionContent/> to have a padding on your <Section/>

import { Section, SectionContent, SectionImage } from 'react-native-rapi-ui';
<Section>
<SectionImage source={require('assets/image.jpg')} />
<SectionContent>
<Text>This is a Section with an image</Text>
</SectionContent>
</Section>;

Properties#

Section#

propsrequiredvalueDefault Value
ViewProps
backgroundColorNostring#FFFFFF
borderRadiusNonumber10

SectionContent#

propsrequiredvalueDefault Value
ViewProps
paddingNonumber20

SectionImage#

propsrequiredvalueDefault Value
sourceYesImageSourcePropType
heightNonumber150