Skip to content

Commit cf0e809

Browse files
authored
Update README.md
1 parent be71e8b commit cf0e809

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed

README.md

+35
Original file line numberDiff line numberDiff line change
@@ -1 +1,36 @@
11
# react-native-system-ui-flags
2+
3+
### Plugin for changing [system ui visibility](https://developer.android.com/training/system-ui/immersive.html) on Android
4+
5+
```javascript
6+
import SystemUiFlags from 'react-native-system-ui-flags';
7+
8+
const FULL_SCREEN_SYSTEM_UI_FLAGS = 0
9+
| SystemUiFlags.SYSTEM_UI_FLAG_HIDE_NAVIGATION
10+
| SystemUiFlags.SYSTEM_UI_FLAG_FULLSCREEN
11+
| SystemUiFlags.SYSTEM_UI_FLAG_IMMERSIVE
12+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_STABLE
13+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
14+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
15+
16+
SystemUiFlags.updateSystemUiFlags(FULL_SCREEN_SYSTEM_UI_FLAGS);
17+
18+
```
19+
20+
```javascript
21+
import SystemUiFlags from 'react-native-system-ui-flags';
22+
23+
const FULL_SCREEN_SYSTEM_UI_FLAGS = 0
24+
| SystemUiFlags.SYSTEM_UI_FLAG_HIDE_NAVIGATION
25+
| SystemUiFlags.SYSTEM_UI_FLAG_FULLSCREEN
26+
| SystemUiFlags.SYSTEM_UI_FLAG_IMMERSIVE
27+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_STABLE
28+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
29+
| SystemUiFlags.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
30+
31+
SystemUiFlags.getSystemUiFlags((flags) => {
32+
const newFlags = flags | FULL_SCREEN_SYSTEM_UI_FLAGS;
33+
SystemUiFlags.setSystemUiFlags(newFlags);
34+
});
35+
36+
```

0 commit comments

Comments
 (0)