Teaset
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
Installation
npm install --save @yz1311/teaset
If you want to use wheel-picker
npm install --save @yz1311/react-native-wheel-picker
react-native link @yz1311/react-native-wheel-picker
if you want to use code-push handler,please refer to this: teaset-code-push
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 '@yz1311/teaset';
container => () => <Provider store={store}><TopView>{container}</TopView></Provider>
Documentation
The document is being written, please refer to the example source code.
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