Skip to content

Commit

Permalink
Merge branch 'master' into master
Browse files Browse the repository at this point in the history
  • Loading branch information
shivrajkumar authored Jun 5, 2017
2 parents ef6a3ed + 613751c commit 37d1cb6
Show file tree
Hide file tree
Showing 335 changed files with 2,300 additions and 1,810 deletions.
4 changes: 3 additions & 1 deletion .flowconfig
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@
.*/Libraries/react-native/React.js
.*/Libraries/react-native/ReactNative.js
.*/node_modules/jest-runtime/build/__tests__/.*
.*/__flowtests__/.*
.*/src/backward/.*

[include]

Expand Down Expand Up @@ -55,4 +57,4 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
unsafe.enable_getters_and_setters=true

[version]
^0.32.0
0.40.0
2 changes: 1 addition & 1 deletion CONTRIBUTING.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ NativeBase is an infant and growing rapidly, so we planned to stick to Git Flow.
- When a fresh new feature is requested, try to give as many details on your need as feasible. We prefer that you explain the need rather than explaining a technical solution for it. That might trigger a nice conversation on finding the best and broadest technical solution to a specific need.


####c. Code Fixes and Enhancements
#### c. Code Fixes and Enhancements

- Before submitting a pull request, we appreciate if you create an issue first to discuss the change.
- Fork the repo you are planning to work on.
Expand Down
Binary file added Fonts/SimpleLineIcons.ttf
Binary file not shown.
4 changes: 4 additions & 0 deletions ISSUE_TEMPLATE.txt
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
Hi! Thanks for trying out NativeBase!
Due to the overwhelming requests and issues/questions we ask you to add the following details with your issue.

Please check the existing open/closed issues for a possible duplicate before creating a new issue :)

Also **DO** fill out the below form to give us a better idea about your environment and help us debug it quicker. Issues without the required details will mostly be unattended to.

## react-native, react and native-base version
## Expected behaviour
## Actual behaviour
Expand Down
138 changes: 49 additions & 89 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,15 @@

# NativeBase [![Build Status](https://travis-ci.org/GeekyAnts/NativeBase.svg?branch=master)](https://travis-ci.org/GeekyAnts/NativeBase) [![npm version](https://badge.fury.io/js/native-base.svg)](https://badge.fury.io/js/native-base)
# NativeBase [![Build Status](https://travis-ci.org/GeekyAnts/NativeBase.svg?branch=master)](https://travis-ci.org/GeekyAnts/NativeBase) [![npm version](https://badge.fury.io/js/native-base.svg)](https://badge.fury.io/js/native-base)
[![NPM](https://nodei.co/npm/native-base.png?downloads=true)](https://nodei.co/npm/native-base/)

[![NPM](https://nodei.co/npm-dl/native-base.png?height=2)](https://nodei.co/npm/native-base/)

Essential cross-platform UI components for React Native

#### Updated docs [here!](http://nativebase.io/docs/v2.0.0)
Updated docs [here!](https://docs.nativebase.io/)

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

NativeBase is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at [Geekyants.com](http://geekyants.com/) to build cross platform Android & iOS mobile apps using ready to use generic components of React Native.


# Table of Content

Expand All @@ -22,12 +19,7 @@ NativeBase is a sleek, ingenious and dynamic front-end framework created by pass
4. [Getting Started](#4-getting-started)
5. [Components](#5-components)
6. [Native Starter Kit](#6-native-starter-kit)
7. [Featured Apps](#7-featured-apps)
- [Native Starter Pro](#a-native-starter-pro---v510)
- [Ecommerce Starter](#b-ecommerce-starter---v510)
- [Flat App Theme](#c-flat-app-theme---v510)
- [Taxi App with Backend](#d-taxi-app-with-backend---v400)
- [Dating App Theme](#e-dating-app-theme---v100)
7. [NativeBase Market](#7-nativebase-market)
8. [Documentation](#8-documentation)
9. [Website](#9-website)
10. [Quick Links to NativeBase](#10-quick-links-to-nativebase)
Expand All @@ -36,12 +28,12 @@ NativeBase is a sleek, ingenious and dynamic front-end framework created by pass


## 1. What is NativeBase?
[NativeBase](http://nativebase.io/) is a free and open source framework that enables developers to build high-quality mobile apps using [React Native](https://github.com/facebook/react-native) iOS and Android apps with a fusion of [ES6](http://es6-features.org/#Constants). NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development. This helps you to build world-class application experiences on native platforms. [Read More. . .](http://nativebase.io/documentation)
[NativeBase](https://nativebase.io/) is a sleek, ingenious and dynamic front-end framework created by passionate React Loving team at [Geekyants.com](https://geekyants.com/) to build cross platform Android & iOS mobile apps using ready to use generic components of React Native.



## 2. Why NativeBase?
What is really great with [NativeBase](http://nativebase.io/) is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box. You do not need to use wrappers or do any other actions. The new additions to the native platform are available immediately. NativeBase provides amazing support for adding components, so that you will by no means hit a lifeless stop.
What is really great with [NativeBase](https://nativebase.io/) is that you can use shared UI cross-platform components, which will drastically increase your productivity. When using NativeBase, you can use any native third-party libraries out of the box.<br />

**Recommended by** *Microsoft*
> If you're looking to get started with React Native + CodePush, and are looking for an awesome starter kit, you should check out Native Starter Pro - [Microsoft's react-native-code-push repo](https://github.com/Microsoft/react-native-code-push#example-apps--starters)
Expand All @@ -51,119 +43,87 @@ What is really great with [NativeBase](http://nativebase.io/) is that you can us

## 4. Getting Started
*Install NativeBase*

**System Requirements**

* Globally installed [node](https://nodejs.org/en/) >= 4.0

* Globally installed [npm](https://www.npmjs.org/) >= 3.0

* Globally installed [rnpm](https://github.com/rnpm/rnpm) *(only if React Native version < 0.29)*

* Globally installed [react-native CLI](https://facebook.github.io/react-native/docs/getting-started.html)

```js
npm install native-base --save
```
*Install Peer Dependencies*<br />
The peer dependencies included from any npm packages does not automatically get installed. Your application will not depend on it explicitly.

**Installation**
```js
react-native link
```

To have NativeBase components running onto your native apps, all you need to do is create a fresh [React Native](https://github.com/facebook/react-native) project and install the [NativeBase](http://nativebase.io/) command line tools.
You've successfully setup [NativeBase](https://nativebase.io/) with your [React Native](https://facebook.github.io/react-native/) app. Your React Native app is now all set to run on iOS and Android simulator.

```
react-native init AwesomeNativeBase

cd AwesomeNativeBase
## Setup with CRNA
*Create React Native project using the CRNA cli.* <br />
CRNA helps you make React Native apps with no build configuration. Create React App works on macOS, Windows, and Linux. <br />
Refer to this link for additional information [CRNA](https://github.com/react-community/create-react-native-app)

npm install
*Install NativeBase*
```js
npm install native-base --save
```

Include NativeBase into your React Native project.
*Install @expo/vector-icons*
```js
npm install @expo/vector-icons --save
```
npm install native-base --save
<br />

**Note** <br />
[NativeBase](https://nativebase.io/) uses some custom fonts that can be loaded using **loadAsync** function. Check out [this](https://docs.expo.io/versions/v15.0.0/sdk/font.html#expofontloadasyncname-url) expo link.
<br />
Syntax <br />
```js
async componentWillMount() {
await Expo.Font.loadAsync({
'Roboto': require('native-base/Fonts/Roboto.ttf'),
'Roboto_medium': require('native-base/Fonts/Roboto_medium.ttf'),
});
```
<br />
Now you are ready to get going with NativeBase. [Read More. . .](http://nativebase.io/documentation)



Check out the [KitchenSink](https://github.com/GeekyAnts/NativeBase-KitchenSink/blob/CRNA/js/setup.js) with CRNA for an example of the implementation.<br />
## 5. Components
[NativeBase](http://nativebase.io/) is made from effective building blocks referred to as components. The Components are constructed in pure [React Native](https://github.com/facebook/react-native) platform along with some JavaScript functionality with rich set of customisable properties. These components allow you to quickly build the perfect interface.

The most awaited feature, **platform precise components** with single codebase is now available from the version 0.5.0 of NativeBase. Along with this, there comes in addition of set of **Fonts** to be readily integrated with your apps. [Read More. . .](http://nativebase.io/documentation)

#### [**Live Demo**](http://nativebase.io/components)



[NativeBase](https://nativebase.io/) is made from effective building blocks referred to as components. The Components are constructed in pure [React Native](https://github.com/facebook/react-native) platform along with some JavaScript functionality with rich set of customisable properties. These components allow you to quickly build the perfect interface.
## 6. [Native Starter Kit](https://github.com/start-react/native-starter-kit)
A simple starter project for [React Native](https://github.com/facebook/react-native) + [NativeBase](http://nativebase.io/) + [Redux](http://redux.js.org/) + [CodePush](https://github.com/Microsoft/react-native-code-push) + [React Native Navigator](https://facebook.github.io/react-native/docs/navigator.html) apps on iOS and Android.

No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

A simple starter project for [React Native](https://github.com/facebook/react-native) + [NativeBase](https://nativebase.io/) + [Redux](http://redux.js.org/) + [CodePush](https://github.com/Microsoft/react-native-code-push) + [React Native Navigator](https://facebook.github.io/react-native/docs/navigator.html) apps on iOS and Android.
[Take a look at the demo](https://github.com/start-react/native-starter-kit#screens)

## 7. Featured Apps
## 7. NativeBase Market
Having tried with the free version, [Native Starter Kit](https://github.com/start-react/native-starter-kit) and appreciate our product?
Get on the mobile fast track with the featured apps of NativeBase, to build high-quality iOS and Android mobile apps.

Based on [React Native](https://facebook.github.io/react-native/) and [NativeBase](http://nativebase.io/docs/v0.5.7/), Native Starter Pro, Ecommerce Starter, Flat App Theme are beautifully designed with fusion of [Redux](https://github.com/reactjs/react-redux) and [ES6](http://es6-features.org/#Constants), responsive iOS and Android app source code to quickly get started on your next project.


### a. Native Starter Pro - v5.1.0

[Native Starter Pro](https://strapmobile.com/native-starter-pro/) is a bold and flexible [React Native](https://facebook.github.io/react-native/) theme best suited for developing high-quality mobile apps that makes use of ready-made tools. The theme has several widget areas that allows you to extend your theme functionality with plugins. Native Starter Pro is built using [Redux](https://github.com/reactjs/react-redux) and is performance optimized which helps you to develop world-class application experiences on native platforms. [Read More. . .](http://strapmobile.com/docs/native-starter-pro/v5.0.0)


### b. Ecommerce Starter - v5.1.0

[Ecommerce Starter](https://strapmobile.com/react-native-e-commerce-starter/), a perfect starter kit for e-commerce apps. Readily available pages along with rich collection of UI elements. [Read More. . .](http://strapmobile.com/docs/react-native-ecommerce-starter/v5.0.0)


### c. Flat App Theme - v5.1.0

[Flat App](https://strapmobile.com/react-native-flat-app-theme/) is basically a style of interface design emphasizing minimum use of stylistic elements, typography and flat colors. [Read More. . .](http://strapmobile.com/docs/react-native-flat-app-theme/v4.0.0)


### d. Taxi App with Backend - v4.0.0

[Taxi App](https://strapmobile.com/react-native-uber-like-app-backend/)
The ideal starter app with all the needed UI elements and Backend Integration to build your iOS and Android Taxi app like Uber / Ola / Lyft.

* [Front End](https://strapmobile.com/docs/react-native-taxi-app-theme/v4.0.0)
* [Back End](https://strapmobile.com/docs/react-native-uber-like-app-backend/v4.0.0/)


### e. Dating App Theme - v1.0.0

[Dating App](https://strapmobile.com/react-native-dating-app-theme/) is a well structured iOS and Android, having fully customizable pages along-with a rich collection of UI elements specifically for an ideal dating app to help you quickly get started on your next project. [Read More. . .](https://strapmobile.com/docs/react-native-dating-app-theme/v1.0.0/)


Get on the mobile fast track with the featured apps of [NativeBase](https://nativebase.io/), to build high-quality iOS and Android mobile apps.<br />
A [marketplace](https://market.nativebase.io/) for premium React Native app themes to build high-quality iOS and Android mobile apps. <br />
## 8. Documentation
Go through [NativeBase Docs](http://nativebase.io/documentation) to play with NativeBase.
Go through [NativeBase Docs](https://docs.nativebase.io/) to play with [NativeBase](https://nativebase.io/).
## 9. Website
[http://nativebase.io/](http://nativebase.io/)
[https://nativebase.io/](https://nativebase.io/)
## 10. Quick Links to NativeBase
* [NativeBase Documentation](http://nativebase.io/documentation)
* [NativeBase Blog](https://medium.com/nativebase-io-blog)
* [NativeBase Documentation](https://docs.nativebase.io/)
* [NativeBase Blog](https://blog.nativebase.io)
* [NativeBase on Twitter](https://twitter.com/NativeBaseIO)
* [NativeBase on FaceBook](https://www.facebook.com/nativebaseio/)
## 11. About the creators
We are [GeekyAnts](http://geekyants.com/), a startup based in Bangalore, India with 50+ developers in strength. We have been very active in the React / React Native community where we have developed [Strapmobile](https://strapmobile.com/), [StrapUI](https://www.strapui.com/) and [StartReact](http://startreact.com/). Our other products include [StartLaravel](http://startlaravel.com/) and [StartAngular](http://startangular.com/).
We are [GeekyAnts](https://geekyants.com/), a startup based in Bangalore, India with 50+ developers in strength. We have been very active in the React / React Native community where we have developed [StrapUI](https://www.strapui.com/) and [StartReact](https://startreact.com/). Our other products include [StartLaravel](http://startlaravel.com) and [StartAngular](http://startangular.com).
4 changes: 2 additions & 2 deletions dist/__tests__/backward/Button.android.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/__tests__/backward/Button.android.js.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions dist/__tests__/backward/Button.ios.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 37d1cb6

Please sign in to comment.