0.0.2 • Published 1 year ago
abhaya-react-native-kit v0.0.2
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.