0.0.2 • Published 1 year ago

abhaya-react-native-kit v0.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

Abhaya React Native UI Kit

Abhaya React Native UI Kit is a collection of reusable UI components designed to streamline the development process of React Native applications.

Installation

You can install the Abhaya React Native UI Kit via npm or yarn:

# Using npm
npm install abhaya-rn-kit

# Using yarn
yarn add abhaya-rn-kit

Usage

Import the components you need from abhaya-rn-kit and use them in your React Native application:

import React from 'react';
import { View } from 'react-native';
import { AppText, AppView, AppImage, CircleView, RowView, ColumView, AbsoluteView } from 'abhaya-rn-kit';

const MyComponent = () => {
  return (
    <View>
      <AppText>Cool Text Component</AppText>
      <AppView>
        <AppImage source={require('./path/to/image.png')} />
      </AppView>
      <CircleView BG="blue" SIZE={100}>
        {/* Your content here */}
      </CircleView>
      <RowView>
        {/* Your row content here */}
      </RowView>
      <ColumView>
        {/* Your column content here */}
      </ColumView>
      <AbsoluteView T={20} L={10}>
        {/* Your absolutely positioned content here */}
      </AbsoluteView>
       <FlexView>
        {/* Your flexible view content here */}
      </FlexView>
      <FlexSafeView>
        {/* Your flexible SafeAreaView content here */}
      </FlexSafeView>
    </View>
  );
};

export default MyComponent;

Available Components

  • AppText: Customizable text component.
  • AppView: Customizable view component.
  • AppImage: Customizable image component.
  • CircleView: Circular view component.
  • RowView: Row layout component.
  • ColumView: Column layout component.
  • AbsoluteView: Absolutely positioned view component.
  • FlexView: Flexible view component with flex: 1 style.
  • FlexSafeView: Flexible SafeAreaView component with flex: 1 style.

Props

Each component accepts a variety of props to customize its appearance and behavior. Refer to the source code or documentation for detailed prop information.

Contributing

Contributions are welcome! Please feel free to submit bug reports, feature requests, or pull requests.

License

This project is licensed under the MIT License - see the LICENSE file for details.

0.0.2

1 year ago

0.0.1

1 year ago