Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Anthonyzou/react-native-full-screen
Full screen functionality for Android
https://github.com/Anthonyzou/react-native-full-screen
Last synced: 6 days ago
JSON representation
Full screen functionality for Android
- Host: GitHub
- URL: https://github.com/Anthonyzou/react-native-full-screen
- Owner: Anthonyzou
- License: mit
- Created: 2016-03-02T06:24:33.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2021-08-04T05:37:42.000Z (over 3 years ago)
- Last Synced: 2024-11-06T01:50:28.775Z (about 1 month ago)
- Language: Java
- Homepage:
- Size: 101 KB
- Stars: 77
- Watchers: 5
- Forks: 34
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-react-native - react-native-full-screen ★44 - React Native FullScreen api and element (Components / UI)
- awesome-react-native-native-modules - react-native-full-screen ★31
- awesome-reactnative-ui - react-native-full-screen
- awesome-react-native - react-native-full-screen ★44 - React Native FullScreen api and element (Components / UI)
- awesome-reactnative-ui - react-native-full-screen
- awesome-react-native - react-native-full-screen ★44 - React Native FullScreen api and element (Components / UI)
- awesome-react-native-ui - react-native-full-screen ★16 - React Native FullScreen api and element (Components / UI)
- awesome-react-native - react-native-full-screen ★44 - React Native FullScreen api and element (Components / UI)
README
# React native full screen functionality Android
There is plenty of room for improvment by adding additional react bindings for props and callbacks.
##### Props: ToggleView
```html
```
| Property | Type | Default | Description |
|---------------|----------|--------------|----------------------------------------------------------------|
| delay | number | 3000 | how long to delay hide |
| delayHide | boolean | true | if there should be a delayed hide event |
------------
## Android Installation
Install the npm package [`react-native-full-screen`](https://www.npmjs.com/package/react-native-full-screen). Inside your React Native project, run ([example](https://github.com/Anthonyzou/react-native-full-screen/tree/master/example)):
```bash
npm install --save react-native-full-screen
```
```
# RN >= 0.60
No action needed
# RN < 0.60
react-native link react-native-full-screen
```
### Manual installation
In `android/settings.gradle`, remove the line `include ':app'` and add the following lines
```
include ':react-native-full-screen'
project(':react-native-full-screen').projectDir = file('../node_modules/react-native-full-screen/android')
```
**NOTE** : If you have included other libraries in your project, the `include` line will contain the other dependencies too.
In `android/app/build.gradle`, add a dependency to `':react-native-full-screen'`
```
dependencies {
compile project(':react-native-full-screen')
}
```
Next, you need to change the `MainActivity` of your app to register `FullScreenModule` :
```java
import com.rn.full.screen.FullScreenModule; // add this import
public class MainActivity extends ReactActivity {
//...
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new FullScreenModule() // add this manager
);
}
```
---
TeamLockr full screen
Team Lockr full screen for react native
These are functions created by the TeamLockr Team created for the TeamLockr platform.
---