More Premium Hugo Themes Premium React Themes

NativeBase KitchenSink

An example app with all the UI components of NativeBase

NativeBase KitchenSink

An example app with all the UI components of NativeBase

Author Avatar Theme by geekyants
Github Stars Github Stars: 2180
Last Commit Last Commit: Mar 8, 2019 -
First Commit Created: Dec 18, 2023 -
NativeBase KitchenSink screenshot

Overview

NativeBase KitchenSink v2.12.0 is an example app that showcases all the UI components of NativeBase. It comes in four different forms: a pure React Native app with react-navigation, a pure React Native app with RNRF, an Expo app with CRNA and react-navigation, and a React app with NativeBase for web. In addition, the article mentions another project called BuilderX, a screen design tool that codes React Native for you.

Features

  • NativeBase UI components
  • Four different forms of the app
  • Integration with react-navigation and RNRF
  • Expo compatibility
  • Support for React Native for web

Installation

To install the theme, follow these steps:

  1. Clone the repository and install packages.
  2. Run the app on iOS:
    • Option 1: Open the project in Xcode from ios/NativeBase-KitchenSink.xcodeproj and click the run button to simulate.
    • Option 2: Run react-native run-ios in your terminal.
  3. Run the app on Android:
    • Make sure you have an Android emulator installed and running.
    • Run react-native run-android in your terminal.

Summary

NativeBase KitchenSink is an example app that showcases all the UI components of NativeBase. It provides a variety of forms for different usage scenarios, including pure React Native apps, Expo app, and React app for web. The theme is easy to install and offers integration with popular navigation libraries. In addition, the article mentions BuilderX, a screen design tool that simplifies React Native development.