Native Solid

Getting Start

npm i native-solid  (or)  yarn add native-solid

Typography

import { TextCom } from 'native-solid'

| attribute props | Description | |-----------------|---------------------------------------------| | color | Use the typo color in the local theme file | | size | Use the typo size in the local theme file | | weight | Use the typo weight in the local theme file | | style | you can use custom styles |

Button

import { ButtonCom } from 'native-solid'

| attribute props | Description | |-----------------|------------------------------------------------------------------| | bgColor | Use the button color in the local theme file | | borderColor | Use the button color in the local theme file | | text | text string for button | | color | Use the typo color in the local theme file for button text color | | type | icon, full, outline, clear | | img | use image source dir or url for icon type button | | style | you can use custom styles |

Card

import { CardCom } from 'native-solid'

| attribute props | Description | |-----------------|--------------------------------------------------| | bgcolor | Use the background color in the local theme file | | children | component | | style | you can use custom styles |

Grid

import { Row, Col } from 'native-solid'

| attribute props | Description | |-----------------|---------------------------| | children | component | | style | you can use custom styles |

List

import { FlatListCom } from 'native-solid'

| attribute props | Description | |-----------------|--------------------------------------------------------| | refreshing | There are values ​​of true and false. The default is false | | onRefresh | method for refreshing | | emptytext | To display when no data is available | | isLoading | There are values ​​of true and false. The default is false | | style | you can use custom styles |

Form

import { CheckBoxCom, DateTimePickerCom, FileUploadCom, ImagePickerCom, InputCom, PickerCom, RadioCom } from 'native-solid'

| attribute props | Description | |-----------------|--------------------------------------------------------| | refreshing | There are values ​​of true and false. The default is false | | onRefresh | method for refreshing | | emptytext | To display when no data is available | | isLoading | There are values ​​of true and false. The default is false | | style | you can use custom styles |

Validate Form

import { VCheckBox, VDateTimePicker, VFileUpload, VImagePicker, VInput, VPicker, VRadio } from 'native-solid'

| attribute props | Description | |-----------------|--------------------------------------------------------| | refreshing | There are values ​​of true and false. The default is false | | onRefresh | method for refreshing | | emptytext | To display when no data is available | | isLoading | There are values ​​of true and false. The default is false | | style | you can use custom styles |

Layout

import { ContainerCom, FooterCom, HeaderCom, DrawerCom } from 'native-solid'

| attribute props | Description | |-----------------|--------------------------------------------------------| | refreshing | There are values ​​of true and false. The default is false | | onRefresh | method for refreshing | | emptytext | To display when no data is available | | isLoading | There are values ​​of true and false. The default is false | | style | you can use custom styles |