@rescript-react-native/edge-to-edge

ReScript bindings for react-native-edge-to-edge.

Exposed as ReactNativeEdgeToEdge module.

@rescript-react-native/edge-to-edge X.y.* means it's compatible with react-native-edge-to-edge X.y.*

Installation

When react-native-edge-to-edge is properly installed & configured by following their installation instructions, you can install the bindings:

npm install @rescript-react-native/edge-to-edge
# or
yarn add @rescript-react-native/edge-to-edge

@rescript-react-native/edge-to-edge should be added to bs-dependencies in your rescript.json:

{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/edge-to-edge"
  ],
  //...
}

Usage

Component

ReactNativeEdgeToEdge.SystemBars

open ReactNativeEdgeToEdge

<SystemBars
  style={{
    statusBar: #light,
    navigationBar: #light,
  }}
  hidden={{
    statusBar: false,
    navigationBar: false,
  }}
/>

...

Methods

ReactNativeEdgeToEdge.SystemBars.pushStackEntry

open ReactNativeEdgeToEdge

SystemBars.pushStackEntry(props)

ReactNativeEdgeToEdge.SystemBars.popStackEntry

open ReactNativeEdgeToEdge

SystemBars.popStackEntry(props)

ReactNativeEdgeToEdge.SystemBars.popStackEntry

open ReactNativeEdgeToEdge

SystemBars.popStackEntry(entry)

ReactNativeEdgeToEdge.SystemBars.replaceStackEntry

open ReactNativeEdgeToEdge

SystemBars.replaceStackEntry(entry, props)

Changelog

Check the changelog for more informations about recent releases.

Contribute

Read the contribution guidelines before contributing.

Code of Conduct

We want this community to be friendly and respectful to each other. Please read our full code of conduct so that you can understand what actions will and will not be tolerated.