The purpose of the package is to provide details regarding the Android folding capability.
npm install @logicwind/react-native-fold-detection
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 }, }, }, };
import * as React from "react"; import { FoldingFeatureProvider } from "@logicwind/react-native-fold-detection"; import SampleScreen from "./SampleScreen"; export default function App() { return ( <FoldingFeatureProvider> <SampleScreen /> </FoldingFeatureProvider> ); }
import { useFoldingFeature } from "@logicwind/react-native-fold-detection"; const { layoutInfo, isTableTop, isBook, isFlat } = useFoldingFeature();
| 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 |
react-native-fold-detection is crafted mindfully at Logicwind
We are a 130+ people company developing and designing multiplatform applications using the Lean & Agile methodology. To get more information on the solutions that would suit your needs, feel free to get in touch by email or through or contact form!
We will always answer you with pleasure π
This project is licensed under the MIT License - see the LICENSE file for details