@logicwind/react-native-fold-detection

react-native-fold-detection

The purpose of the package is to provide details regarding the Android folding capability.

Installation

npm install react-native-fold-detection

iOS

You'll need to disable auto-linking for this package. To do so, create react-native.config.js in the root of your project with this content:

module.exports = {
  dependencies: {
    "react-native-fold-detection": {
      platforms: {
        ios: null, // this will disable autolinking for this package on iOS
      },
    },
  },
};

In App.js Wrap your app with FoldingFeatureProvider

import * as React from "react";

import { FoldingFeatureProvider } from "react-native-fold-detection";
import SampleScreen from "./SampleScreen";

export default function App() {
  return (
    <FoldingFeatureProvider>
      <SampleScreen />
    </FoldingFeatureProvider>
  );
}

In other screens

import { useFoldingFeature } from "react-native-fold-detection";

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

useFoldingFeature Props

Prop	Type	Default	Description
layoutInfo	LayoutInfo		Folding Feature from android doc
isTableTop	boolean	false	HALF_OPENED & HORIZONTAL
isBook	boolean	false	HALF_OPENED & VERTICAL
isFlat	boolean	true

License

MIT

---

Made with create-react-native-library