Skip to content

Latest commit

 

History

History
30 lines (21 loc) · 834 Bytes

README.md

File metadata and controls

30 lines (21 loc) · 834 Bytes
Raw

React Native Orientation Aware View

Getting started

$ npm i @agaweb/react-native-orientation-aware-view

Usage

The view inherits all the props and adds four others.

Props :

  • style: default, both in portrait and landscape
  • portraitStyle: will be merged with the default style when the orientation is portrait
  • landscapeStyle: will be merged with the default style when the orientation is landscape
  • hideOnPortrait: won't render the view on portrait
  • hideOnLandscape: won't render the view in landscape

Example

import OrientationAwareView from "@agaweb/react-native-orientation-aware-view";

<OrientationAwareView
    style={{ flex: 1 }}
    portraitStyle={{ backgroundColor: "red" }}
    landscapeStyle={{ backgroundColor: "blue" }}>
    ...
</OrientationAwareView>