Adding top padding ot prevent notch cut

enesozturk · Oct 15, 2020 · f8eb6e7 · f8eb6e7
1 parent de7f757
commit f8eb6e7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/examples/components/Panel/Panel.tsx b/examples/components/Panel/Panel.tsx
@@ -1,21 +1,22 @@
 import React, {Component} from 'react';
 import {
-  StyleSheet,
-  ScrollView,
-  View,
-  TouchableHighlight,
-  TouchableWithoutFeedback,
   Animated,
   Dimensions,
   PanResponder,
+  ScrollView,
+  StyleSheet,
+  TouchableHighlight,
+  TouchableWithoutFeedback,
+  View,
 } from 'react-native';
-
 import {Bar} from './Bar';
 import {Close} from './Close';
 
-let FULL_HEIGHT = Dimensions.get('window').height;
+let NOTCH_PREVENTION = 14;
+
+let FULL_HEIGHT = Dimensions.get('window').height - NOTCH_PREVENTION;
 let FULL_WIDTH = Dimensions.get('window').width;
-let PANEL_HEIGHT = FULL_HEIGHT - 100;
+let PANEL_HEIGHT = FULL_HEIGHT - NOTCH_PREVENTION;
 
 const STATUS = {
   CLOSED: 0,

diff --git a/src/Panel.tsx b/src/Panel.tsx
@@ -1,21 +1,22 @@
 import * as React from 'react';
 import {
-  StyleSheet,
-  ScrollView,
-  View,
-  TouchableHighlight,
-  TouchableWithoutFeedback,
   Animated,
   Dimensions,
   PanResponder,
+  ScrollView,
+  StyleSheet,
+  TouchableHighlight,
+  TouchableWithoutFeedback,
+  View,
 } from 'react-native';
-
 import { Bar } from './Bar';
 import { Close } from './Close';
 
-let FULL_HEIGHT = Dimensions.get('window').height;
+let NOTCH_PREVENTION = 14;
+
+let FULL_HEIGHT = Dimensions.get('window').height - NOTCH_PREVENTION;
 let FULL_WIDTH = Dimensions.get('window').width;
-let PANEL_HEIGHT = FULL_HEIGHT - 100;
+let PANEL_HEIGHT = FULL_HEIGHT - NOTCH_PREVENTION;
 
 const STATUS = {
   CLOSED: 0,