Skip to content
forked from rilyu/teaset

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

License

Notifications You must be signed in to change notification settings

NeyberTech/teaset

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Teaset

🇨🇳中文完整文档版

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Installation

npm install --save teaset

Initialize

import { replaceRegisterComponentFunction } from 'teaset'

replaceRegisterComponentFunction() // Add this line before RN register, to deploy a container for overlay like components.
AppRegistry.registerComponent('YourRNAppName', () => App)

or, put in the right place by yourself.

import { TopView } from 'teaset'

container => () => <Provider store={store}>
    {/* Wrap by <TopView> as a container for overlay like components */}
    <TopView>{container}</TopView>
</Provider>

Example

In the Teaset package directory:

cd example
npm install

To run example on iOS:

react-native run-ios

To run example on Android:

react-native run-android

Tips: In the Android system, the animations is not smooth, switch to the release mode can be resolved.

iPhoneX

Add the following code to support iPhoneX

Theme.set ({fitIPhoneX: true});

** Note: This option is false by default, don't open it if SafeAreaView is used. **

Documentation

The document is being written, please refer to the example source code.

Translation project

Screenshots

Components

Theme

Label

Button

Checkbox

Input

Select

Stepper

SearchInput

Badge

Popover

NavigationBar

ListRow

Carousel

Projector

SegmentedBar

SegmentedView

TabView

TransformView

AlbumView

Wheel

Overlay

Toast

ActionSheet

ActionPopover

PullPicker

PopoverPicker

Menu

Drawer

ModalIndicator

License

MIT

About

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 98.2%
  • Objective-C 1.1%
  • Other 0.7%