1- ## How to use this template  
2- 
3- -  ⚠️ ** Don't fork this repository.**  Use the "Use this template" green GitHub
4-   button.
5- -  Put your bindings in ` src/ReactNativeXxxxxxxxxx `  & rename accordingly or use
6-   ` rescript.json `  ` "namespace" `  field (more on this below),
7- -  Update all occurences of
8- 
9-   -  ` @rescript-react-native/__template__ ` 
10-   -  ` https://github.com/rescript-react-native/__template__ ` 
11-   -  ` __template__ ` 
12-   -  ` react-native-XXXXXXXXXX ` 
13-   -  ` https://github.com/OWNER/react-native-XXXXXXXXXX ` 
14-   -  ` ReactNativeXxxxxxxxxx ` . If you have more than a file exposed, you should
15-     consider using ReScript custom namespace by adjusting ` rescript.json ` 
16-     and adding a ` "namespace": "react-native-something" `  (note that it will be
17-     converted to ` ReactNativeXxxxxxxxxx ` )
18- 
19- -  Add your ` react-native-XXXXXXXXXX `  (adjusted) in ` peerDependencies ` 
20-   & ` devDependencies `  section
21- -  Adjust the changelog (and/or clean it)
22- -  Remove this part ⬆ & keep everything below ⬇
1+ # ` @rescript-react-native/edge-to-edge `  
232
24- --- 
25- 
26- # ` @rescript-react-native/__template__ `  
27- 
28- [ ![ Build Status] ( https://github.com/rescript-react-native/__template__/workflows/Build/badge.svg )] ( https://github.com/rescript-react-native/__template__/actions ) 
29- [ ![ Version] ( https://img.shields.io/npm/v/@rescript-react-native/__template__.svg )] ( https://www.npmjs.com/@rescript-react-native/__template__ ) 
3+ [ ![ Build Status] ( https://github.com/rescript-react-native/edge-to-edge/workflows/Build/badge.svg )] ( https://github.com/rescript-react-native/edge-to-edge/actions ) 
4+ [ ![ Version] ( https://img.shields.io/npm/v/@rescript-react-native/edge-to-edge.svg )] ( https://www.npmjs.com/@rescript-react-native/edge-to-edge ) 
305[ ![ ReScript Forum] ( https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org )] ( https://forum.rescript-lang.org/ ) 
316
327[ ReScript] ( https://rescript-lang.org )  bindings for
33- [ ` react-native-XXXXXXXXXX  ` ] ( https://github.com/OWNER /react-native-XXXXXXXXXX  ) .
8+ [ ` react-native-edge-to-edge  ` ] ( https://github.com/zoontek /react-native-edge-to-edge  ) .
349
35- Exposed as ` ReactNativeXxxxxxxxxx `  module.
10+ Exposed as ` ReactNativeEdgeToEdge `  module.
3611
37- ` @rescript-react-native/__template__  `  X.y.\*  means it's compatible with
38- ` react-native-XXXXXXXXXX  `  X.y.\* 
12+ ` @rescript-react-native/edge-to-edge  `  X.y.\*  means it's compatible with
13+ ` react-native-edge-to-edge  `  X.y.\* 
3914
4015## Installation  
4116
4217When
43- [ ` react-native-XXXXXXXXXX  ` ] ( https://github.com/OWNER /react-native-XXXXXXXXXX  ) 
18+ [ ` react-native-edge-to-edge  ` ] ( https://github.com/zoontek /react-native-edge-to-edge  ) 
4419is properly installed & configured by following their installation instructions,
4520you can install the bindings:
4621
4722``` console 
48- npm install @rescript-react-native/__template__  
23+ npm install @rescript-react-native/edge-to-edge  
4924# or 
50- yarn add @rescript-react-native/__template__  
25+ yarn add @rescript-react-native/edge-to-edge  
5126``` 
5227
53- ` @rescript-react-native/__template__  `  should be added to ` bs-dependencies `  in your
28+ ` @rescript-react-native/edge-to-edge  `  should be added to ` bs-dependencies `  in your
5429` rescript.json ` :
5530
5631``` diff 
@@ -60,25 +35,68 @@ yarn add @rescript-react-native/__template__
6035    "@rescript/react",
6136    "rescript-react-native",
6237    // ...
63- +     "@rescript-react-native/__template__ "
38+ +     "@rescript-react-native/edge-to-edge "
6439  ],
6540  //...
6641}
6742``` 
6843
6944## Usage  
7045
71- ### Types  
46+ ### Component  
7247
73- #### ` ReactNativeXxxxxxxxxx.t `  
48+ #### ` ReactNativeEdgeToEdge.SystemBars `  
49+ 
50+ ``` rescript 
51+ open ReactNativeEdgeToEdge 
52+ 
53+ <SystemBars 
54+   style={{ 
55+     statusBar: #light, 
56+     navigationBar: #light, 
57+   }} 
58+   hidden={{ 
59+     statusBar: false, 
60+     navigationBar: false, 
61+   }} 
62+ /> 
63+ ``` 
7464
7565...
7666
7767### Methods  
7868
79- #### ` ReactNativeXxxxxxxxxx.method `  
69+ #### ` ReactNativeEdgeToEdge.SystemBars.pushStackEntry `  
8070
81- ...
71+ ``` rescript 
72+ open ReactNativeEdgeToEdge 
73+ 
74+ SystemBars.pushStackEntry(props) 
75+ ``` 
76+ 
77+ #### ` ReactNativeEdgeToEdge.SystemBars.popStackEntry `  
78+ 
79+ ``` rescript 
80+ open ReactNativeEdgeToEdge 
81+ 
82+ SystemBars.popStackEntry(props) 
83+ ``` 
84+ 
85+ #### ` ReactNativeEdgeToEdge.SystemBars.popStackEntry `  
86+ 
87+ ``` rescript 
88+ open ReactNativeEdgeToEdge 
89+ 
90+ SystemBars.popStackEntry(entry) 
91+ ``` 
92+ 
93+ #### ` ReactNativeEdgeToEdge.SystemBars.replaceStackEntry `  
94+ 
95+ ``` rescript 
96+ open ReactNativeEdgeToEdge 
97+ 
98+ SystemBars.replaceStackEntry(entry, props) 
99+ ``` 
82100
83101--- 
84102
0 commit comments