npm install react-native-fieldset
import React from 'react';
import FieldSet from 'react-native-fieldset';
import { View, Text } from 'react-native';
//...
return (
<View>
<FieldSet label="Fieldset label">
<Text>Field Set Body</Text>
</FieldSet>
</View>
);
//...
Property | Type | Default | Description | Required |
---|---|---|---|---|
label | String | "FieldSet-label" |
Label for fieldset | Yes |
labelBackgroundColor | String | '#fff' |
background color for label View | No |
labelColor | String | '#000' |
Text Color of label | No |
children | React Node | <Text>FieldSet-Body</Text> |
things to render inside fieldset | Yes |
borderColor | String | '#777' |
color of border of fieldset | No |
labelFontSize | Number | 11.4 | fontsize of label(Greater fontsize may not not look good) | No |
labelStyle | Object | {} |
style of label text | No |
labelPosition | String(enum) start , center , end |
'start' |
position of label | No |
twoLabel | Boolean | false | Can add label both the side | No |
label2 | String | "Fieldset-label2" |
label of second string | No |
labelStyle2 | Object | {} |
style of second label | No |
Email: [email protected]
Website: behlahinfotech.com