railbird/react-native-vision-camera
10
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Add static safe area insets

Browse Source
This commit is contained in:
Marc Rousavy
2021-02-19 18:24:32 +01:00
parent 5ba1df8c08
commit e1d041644a
8 changed files with 35 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
example/src/Constants.ts Normal file
View File

@@ -0,0 +1,10 @@
import StaticSafeAreaInsets from "react-native-static-safe-area-insets";
export const CONTENT_SPACING = 15;
export const SAFE_AREA_PADDING = {
paddingLeft: StaticSafeAreaInsets.safeAreaInsetsLeft + CONTENT_SPACING,
paddingTop: StaticSafeAreaInsets.safeAreaInsetsTop + CONTENT_SPACING,
paddingRight: StaticSafeAreaInsets.safeAreaInsetsRight + CONTENT_SPACING,
paddingBottom: StaticSafeAreaInsets.safeAreaInsetsBottom + CONTENT_SPACING
}

2
example/src/Splash.tsx
View File

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
import { StyleSheet, View, Text, Image } from 'react-native';
import { Camera, CameraPermissionStatus } from 'react-native-vision-camera';
import { SAFE_AREA_PADDING } from './Constants';
export default function Splash() {
const [
@@ -64,6 +65,7 @@ const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
...SAFE_AREA_PADDING
},
box: {
width: 60,