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>