https://github.com/xgfe/react-native-ui-xg

react-native-ui-xg
https://github.com/xgfe/react-native-ui-xg

react-native ui-components

Last synced: 1 day ago
JSON representation

react-native-ui-xg

• Host: GitHub
• URL: https://github.com/xgfe/react-native-ui-xg
• Owner: xgfe
• License: mit
• Created: 2017-01-19T10:04:28.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-07-23T07:55:21.000Z (over 5 years ago)
• Last Synced: 2024-05-07T21:05:27.678Z (8 months ago)
• Topics: react-native, ui-components
• Language: JavaScript
• Size: 336 KB
• Stars: 152
• Watchers: 13
• Forks: 26
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-ui-xg [![Build Status](https://travis-ci.org/xgfe/react-native-ui-xg.svg?branch=master)](https://travis-ci.org/xgfe/react-native-ui-xg) [![Coverage Status](https://coveralls.io/repos/github/xgfe/react-native-ui-xg/badge.svg?branch=master)](https://coveralls.io/github/xgfe/react-native-ui-xg?branch=master)

A suit of cross platform React Native ui kit.

![image](https://raw.githubusercontent.com/lulutia/images/master/react-native-components/Screen-Capture-44.gif)

## Install

```bash

npm install react-native-ui-xg --save

```

## Usage

### for the whole

```js

import {

  Tab,

  Link,

  Input,

  Button,

  Grading,

  Confirm,

  Accordion,

  ZoomImage,

  DrawerMenu,

  DatePicker,

  ActionSheet,

  LabelSelect,

  CalendarSelect

} from 'react-native-ui-xg';

```

### for one by one

```bash

npm install react-native-tab-xg --save

npm install react-native-link-xg --save

npm install react-native-buttons --save

npm install react-native-grading --save

npm install react-native-confirm --save

npm install react-native-input-xg --save

npm install react-native-zoom-image --save

npm install react-native-datepicker --save

npm install react-native-drawer-menu --save

npm install react-native-label-select --save

npm install react-native-accordion-xg --save

npm install react-native-action-sheet-xg --save

npm install react-native-calendar-select --save

```

## Components

* [Tab](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Tab/README.md)

* [Link](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Link/README.md)

* [Input](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Input/README.md)

* [Button](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Button/README.md)

* [Grading](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Grading/README.md)

* [Confirm](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Confirm/README.md)

* [Accordion](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Accordion/README.md)

* [ZoomImage](https://github.com/xgfe/react-native-ui-xg/blob/master/components/ZoomImage/README.md)

* [DatePicker](https://github.com/xgfe/react-native-ui-xg/tree/master/components/DatePicker)

* [StyleSheet](https://github.com/xgfe/react-native-ui-xg/blob/master/components/StyleSheet/README.md)

* [DrawerMenu](https://github.com/xgfe/react-native-ui-xg/blob/master/components/Drawer/README.md)

* [LabelSelect](https://github.com/xgfe/react-native-ui-xg/blob/master/components/LabelSelect/README.md)

* [ActionSheet](https://github.com/xgfe/react-native-ui-xg/blob/master/components/ActionSheet/README.md)

* [ActionSheet](https://github.com/xgfe/react-native-ui-xg/blob/master/components/CalendarSelect/README.md)

## Example

* git clone https://github.com/xgfe/react-native-ui-xg.git

* cd react-native-ui-xg && npm install

* react-native run-android