react-native-folding-feature

Gather android folding feature information https://developer.android.com/reference/kotlin/androidx/window/layout/FoldingFeature

Installation

npm install react-native-folding-feature

Usage

Android set screen orientation at AndroidManifest.xml

android:screenOrientation="fullSensor"

Warp App component with FoldingFeatureProvider

import { FoldingFeatureProvider } from 'react-native-folding-feature';

...
<FoldingFeatureProvider option={options}>
  ... app component ...
</FoldingFeatureProvider>
...

Options

Prop	Type	Default	Description
closeAngle	number	20	Specifies the angle for close pose

Get the folding feature information

import { useFoldingFeature } from 'react-native-folding-feature';

...
const { layoutInfo, isTableTop, isBook } = useFoldingFeature();
...

useFoldingFeature Props

Prop	Type	Default	Description
layoutInfo	LayoutInfo		Folding Feature from android doc
hingeAngle	number	180	(range 0 - 180) acquire from SensorManager
isTableTop	boolean	false	HALF_OPENED & HORIZONTAL
isBook	boolean	false	HALF_OPENED & VERTICAL
isFlat	boolean	true
isClosed	boolean	false	hingeAngle < closeAngle (default 20)

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library