Skip to content

/teaset

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
react-native framework library overlay menu toast carousel projector checkbox select badge popover navigationbar listrow tabview segmented ui wheel
  1. JavaScript 98.2%
  2. Other 1.8%
Branch: master
Find File
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

@rilyu
rilyu Merge pull request #346 from shuiRong/master 
Update the static type checking of Menu item (title and icon)
Latest commit 0394e49 Apr 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components Remove from Menu.item's static type checking Apr 3, 2019
docs/cn Remove all buildProps functions, support rn 0.58, up to 0.6.0 Jan 31, 2019
example fix example bug Feb 14, 2019
icons Remove all buildProps functions, support rn 0.58, up to 0.6.0 Jan 31, 2019
screenshots add Wheel component, up to 0.4.0 Sep 8, 2017
themes Remove all buildProps functions, support rn 0.58, up to 0.6.0 Jan 31, 2019
LICENSE Initial commit Dec 7, 2016
README.md Remove all buildProps functions, support rn 0.58, up to 0.6.0 Jan 31, 2019
index.js Remove all buildProps functions, support rn 0.58, up to 0.6.0 Jan 31, 2019
package.json

README.md

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

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

iPhoneX and iPhoneXS are fully supported after 0.6.0, and this option is true by default.

If SafeAreaView is used, please use Theme.set({fitIPhoneX: false}) to manually turn off it.

Redux

If you use Redux, you need to use the <TopView> package container (thanks @Alexorz ).

import { TopView } from 'teaset';

container => () => <Provider store={store}><TopView>{container}</TopView></Provider>

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

You can’t perform that action at this time.