react-native-twopaneview

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

Usage no npm install needed!

<script type="module">
  import reactNativeTwopaneview from 'https://cdn.skypack.dev/react-native-twopaneview';
</script>

README

TwoPaneView

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

Status

  • Android:
    • 10+
  • react-native:
    • supported versions ">= 0.60.5"

Prerequisites

react-native-twopaneview depends on the 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

Dual-Screen