react-native-stindy-component v1.0.4

react-native-stindy-component ·

This is a library included some base component custom for React Native project.

Installation

Using NPM:

$ npm i react-native-stindy-component

Using Yarn/Expo:

$ expo add react-native-stindy-component

Usage

import {Screen, Container, ScrollView, Column, Row, Text, SizedBox, TextField, Button} as Base from "react-native-stindy-component";

<Screen safeArea={true} statusbar="auto">
    <Container hidden={false} verticalAlign="flex-start" horizontalAlign="stretch">
        <ScrollView hidden={false} verticalAlign="flex-start" horizontalAlign="stretch">
            <Column hidden={false}>
                <Row hidden={false}>
                    <Text size={17} color="red" weight="500" font="Arial">
                        Custom Text
                    </Text>
                    <SizedBox height={30} width="100%">
                    <TextField 
                        value="Content" 
                        placeholder="Enter your content"
                        onChangeText={(value)=>{
                            console.log(`Changed: ${value}`);
                        }}
                    />
                    <SizedBox height={30}>
                    <Button 
                        progress={true}
                        onPress={()=>{
                            console.log(`Clickable is disabled when progress == true`);
                        }}>
                        Action
                    </Button>
                </Row>
            </Column>
        </ScrollView>
    </Container>
</Screen>