https://github.com/christoph-jerolimov/react-native-layout-examples

Common layouts solved with flexbox in react-native.
https://github.com/christoph-jerolimov/react-native-layout-examples

Last synced: 28 days ago
JSON representation

Common layouts solved with flexbox in react-native.

• Host: GitHub
• URL: https://github.com/christoph-jerolimov/react-native-layout-examples
• Owner: christoph-jerolimov
• Created: 2015-11-16T11:22:50.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-22T23:19:52.000Z (about 9 years ago)
• Last Synced: 2024-11-25T12:16:14.240Z (28 days ago)
• Language: Ruby
• Homepage:
• Size: 145 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
> **Common layouts solved with flexbox in react-native.**

>

> This project is a playground to compare common layouts with pure react-native

> and with my keep it simple and add semantic library

> [react-native-layout](https://github.com/jerolimov/react-native-layout).

### Prepare dev setup

This project requires [node](https://nodejs.org/) 4+ and

[react-native](https://facebook.github.io/react-native/) 0.14.

Use npm to install the local dependencies:

    npm install

### Run Android version

Requires that the Android SDK is installed and the env variable `ANDROID_HOME`

is defined correctly.

Start the server which allows the app to load the javascript bundle locally:

    npm start

Setup a tcp reverse proxy to allow devices and emulators to connect to the

local server:

    adb reverse tcp:8081 tcp:8081

Build the apk, deploy and start the application on a device or emulator:

    npm run start:android

### Run iOS version

Start the server which allows the app to load the javascript bundle locally:

    npm start

Start Xcode and run the application on a device or simulator:

    open ios/RNNavigationExamples.xcodeproj

    # cmd+r or project > run...