React Templates & Themes Logo React Templates & Themes
Teaset screenshot

Teaset

Author Avatar Theme by Rilyu
Updated: 23 Oct 2020
2946 Stars

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

Github

Categories

React native

Overview

Teaset is a UI library for React Native that provides 20+ pure JS (ES6) components. It focuses on content display and action control. The library is designed to be easy to install and use, and it offers support for both iOS and Android platforms. Teaset also includes features for Redux integration, translations, and customizable themes.

Features

  • Pure JS Components: Teaset includes 20+ pure JS (ES6) components for building UI in React Native.
  • Content Display: The library provides components for displaying various types of content, such as labels, buttons, checkboxes, inputs, lists, carousels, and more.
  • Action Control: Teaset offers components for controlling user actions, including popover menus, dropdown menus, pull pickers, and modal indicators.
  • Redux Integration: For projects using Redux, Teaset provides support for using the <TopView> package container.
  • Translation Project: Teaset includes a translation project to support internationalization.
  • Customizable Themes: The library allows users to customize themes, including options for iPhoneX and iPhoneXS compatibility.

Installation

To install Teaset, follow these steps:

  1. Clone the Teaset project from GitHub or download the zip file.
  2. Run the following commands to install dependencies:
npm install
  1. To run the Teaset example on iOS, use the following command in the project directory:
react-native run-ios
  1. To run the Teaset example on Android, use the following command in the project directory:
react-native run-android
  1. For smoother animations on Android, switch to release mode.

Note: If using the SafeAreaView component, manually turn off the iPhoneX and iPhoneXS support by using Theme.set({fitIPhoneX: false}).

Summary

Teaset is a comprehensive UI library for React Native that offers a wide range of pure JS components for content display and action control. It provides easy installation steps and supports both iOS and Android platforms. Developers can also benefit from its Redux integration, translation project, and customizable themes. Overall, Teaset simplifies the process of building user interfaces in React Native and enhances the user experience.