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

JedShiMing/teaset

 
 

Repository files navigation

Log

在原来的Teaset基础上添加了以下内容

  • 适配typescript
  • 兼容iphone12全系列,修改了判断方法
  • 修复个别安卓机型上overlay弹出bug
  • 我无法理解overlay 中 modal和oncloserequest不能同时生效的逻辑,在不影响原来逻辑的基础上添加了一个安卓返回键事件

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

Clone teaset project from github (or download zip file):

git clone https://github.com/rilyu/teaset.git
cd teaset/example
npm install

To run example on iOS:

cd ios && pod install && cd ..
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

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 97.2%
  • Other 2.8%