Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/geekyants/nativebase-kitchensink

An example app with all the UI components of NativeBase
https://github.com/geekyants/nativebase-kitchensink

android demo-ios ios-demo nativebase nativebase-kitchensink

Last synced: about 1 month ago
JSON representation

An example app with all the UI components of NativeBase

Host: GitHub
URL: https://github.com/geekyants/nativebase-kitchensink
Owner: GeekyAnts
Created: 2016-09-23T14:31:33.000Z (about 8 years ago)
Default Branch: master
Last Pushed: 2023-01-03T16:37:30.000Z (almost 2 years ago)
Last Synced: 2024-10-09T16:41:28.303Z (about 1 month ago)
Topics: android, demo-ios, ios-demo, nativebase, nativebase-kitchensink
Language: JavaScript
Size: 103 MB
Stars: 2,184
Watchers: 82
Forks: 757
Open Issues: 55
Metadata Files:
- Readme: README.md
- Changelog: ChangeLog.md

Awesome Lists containing this project

README

# NativeBase KitchenSink v2.12.0
An example app with all the UI components of NativeBase

> **NativeBase-KitchenSink** comes in four forms of app for you!
>1. Pure React Native App with `react-navigation` on branch **[master](https://github.com/GeekyAnts/NativeBase-KitchenSink)**
>2. Pure React Native App with `RNRF` on branch **[RNRF](https://github.com/GeekyAnts/NativeBase-KitchenSink/tree/RNRF)**
>3. An Expo app with `CRNA` and `react-navigation` on branch **[CRNA](https://github.com/GeekyAnts/NativeBase-KitchenSink/tree/CRNA)**
>4. A React App with `NativeBase for web` on branch **[web-support](https://github.com/GeekyAnts/NativeBase-KitchenSink/tree/web-support)**

>Find the installation guide in `ReadMe` of appropriate branches

## Demo

iOS | Android
:--:| :-----:
![ios-demo](https://github.com/GeekyAnts/NativeBase-KitchenSink/raw/master/screenshots/iOS.gif) | ![android-demo](https://github.com/GeekyAnts/NativeBase-KitchenSink/raw/master/screenshots/Android.gif)

## Installation

* **Clone and install packages**
```
git clone [email protected]:GeekyAnts/NativeBase-KitchenSink.git
cd NativeBase-KitchenSink
yarn
react-native link react-native-vector-icons
```

* **Run on iOS**
* Opt #1:
* Open the project in Xcode from `ios/NativeBase-KitchenSink.xcodeproj`
* Click `run` button to simulate
* Opt #2:
* Run `react-native run-ios` in your terminal

* **Run on Android**
* Make sure you have an `Android emulator` installed and running
* Run `react-native run-android` in your terminal

## BuilderX

Another major project by us is [BuilderX](https://builderx.io/?utm_source=github&utm_medium=kitchensink&utm_campaign=kitchensink), a screen design tool which codes React Native for you.