react-native-twopaneview/README.md

react-native layout control for dual screen devices (Duo)

# TwoPaneView

### React-native control with intelligent layout for dual-screen devices

![](https://github.com/microsoft/react-native-dualscreen/raw/master/twopaneview/examples/paneModesDemo/auto_small.jpg)

## Status

- Android:
  - 10+
- react-native:
  - supported versions "<strong>&gt;= 0.60.5</strong>"


## Prerequisites
react-native-twopaneview depends on the [react-native-dualscreeninfo](https://www.npmjs.com/package/react-native-dualscreeninfo) module.  Please first install react-native-dualscreeninfo.  

Also, make sure to carefully follow the installation instructions to modify your Android project, otherwise your TwoPaneView control won't be very happy on a dual screen device!

## Installation

`$ yarn add react-native-twopaneview`


## How to run sample app

### 0. Clone the repo
`$ git clone https://github.com/microsoft/react-native-dualscreen.git`
and   
`cd /twopaneview/examples`
### 1. npm install

`$ npm install`

### 2. (Optional) Clean build android  

`$ cd android ` then `$ gradlew clean `

### 3. npm run android

Start emulator, then run
`$ npm run run:android`

## Reference
[API Documentation](https://github.com/react-native-community/discussions-and-proposals/issues/197)

[Dual-Screen](https://aka.ms/dualscreendocs)