Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bsdaoquang/components
React Native UI Library
https://github.com/bsdaoquang/components
react react-native-component react-native-ui-components react-native-ui-li
Last synced: 8 days ago
JSON representation
React Native UI Library
- Host: GitHub
- URL: https://github.com/bsdaoquang/components
- Owner: bsdaoquang
- License: mit
- Created: 2024-05-13T03:04:23.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T16:56:29.000Z (5 months ago)
- Last Synced: 2024-10-31T12:46:35.594Z (15 days ago)
- Topics: react, react-native-component, react-native-ui-components, react-native-ui-li
- Language: TypeScript
- Homepage: https://rncomponent.com
- Size: 3.83 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# @bsdaoquang/rncomponent
### React Native UI Components Library
---
## Features
- Library UI component designed for React Native & Expo applications.
- A set of high-quality React Native components out of the box
- Written in TypeScript with predictable static types.
- Whole package of design resources and development tools.
- Powerful theme customization based on StyleSheet.
## Environment Support
- React Native
- Expo
## Installation
### React Native
`
#npm
npm install @bsdaoquang/rncomponent react-native-vector-icons
#yarn
yarn add @bsdaoquang/rncomponent react-native-vector-icons`
**iOS**
`
cd ios
pod install`
### Expo
`#npm
npx expo install @bsdaoquang/rncomponent react-native-vector-icons`
## Usage
import { View, Text } from 'react-native';
import React from 'react';
import {Card} from '@bsdaoquang/rncomponent';
const App = () => {
return (
Hello world
);
};
export default App;
## Links
- [Home page](https://rncomponent.com)
- [Card](https://rncomponent.com/components/card?id=665b5a73e96bb48bda7a00fd)
- [Text](https://rncomponent.com/components/text?id=665c959707bf0c77c4b0a254)
- [Button](https://rncomponent.com/components/button?id=665d47d0924dfb301c601776)
- [Input](https://rncomponent.com/components/input?id=6662cbdd0ce3ab39a212fd2a)
- [Badge](https://rncomponent.com/components/badge?id=6662cfba811f34a7fc2ef829)
- [Row](https://rncomponent.com/components/row?id=666c04eb14623a2a1be20ac1)
- [Col](https://rncomponent.com/components/col?id=666c049114623a2a1be20aae)
- [Dropdown](https://rncomponent.com/components/dropdown?id=666c04a714623a2a1be20ab5)
- [Section](https://rncomponent.com/components/section?id=666c055f14623a2a1be20ac8)
- [Space](https://rncomponent.com/components/space?id=666c057614623a2a1be20acf)