xgfe/react-native-ui-xg

Stars
152
Rank 244,685 (Top 5 %)
Language
JavaScript
License
MIT License
Created almost 8 years ago
Updated over 5 years ago

xgfe/react-native-ui-xg

xgfe

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

react-native-ui-xg

react-native-ui-xg

A suit of cross platform React Native ui kit.

Install

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

Usage

for the whole

import {
  Tab,
  Link,
  Input,
  Button,
  Grading,
  Confirm,
  Accordion,
  ZoomImage,
  DrawerMenu,
  DatePicker,
  ActionSheet,
  LabelSelect,
  CalendarSelect
} from 'react-native-ui-xg';

for one by one

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

Example

git clone https://github.com/xgfe/react-native-ui-xg.git
cd react-native-ui-xg && npm install
react-native run-android

react-native-datepicker

react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS

react-native-label-select

A react native component used for making multiple choices.

react-native-simple-toast

Simple Toast for React-Native.

react-native-picker-xg

react native Picker component for both Android and iOS based on pure JavaScript [for the old realize, you can use the version 0.0.8]

react-native-grading

A React Native grading component using ReactART.

xgfe.github.io

Basics

Frontend Basic Knowledge

xCharts

charts based on D3.js

react-native-native-env

Providing environment variables from native to js in React Native.

ui-xg

AngularJS directives for xgfe team.

react-native-stylesheet-xg

extension stylesheet for cross platforms and responsive

react-native-buttons

react native button based on pure JavaScript with good expansibility.

codeguide

Xgfe Front-end development coding standards

lint-plus

xg-htmlhint+csslint+eslint

xg

Front-end Integrated Solution for xgfe based on Fis3

xg-csshint

postcss-plugin csshint xgfe

freepack

A file version free pack manager.

fis3-hook-amd_enhancejs

amd模块增强fis3实现

xg-command-lint

xg lint pulgin, using 'lint-plus'

xg-command-loon

xg-command-fes