浏览代码

ios 에서 SafeAreaView 사용으로 인해
top header 위치가 너무 간격이 너무 넓어
react-navigation SafeAreaView 사용하여 top 적용해제

goodboy 6 年之前
父节点
当前提交
1a59782284
共有 1 个文件被更改,包括 6 次插入4 次删除
  1. 6 4
      App.js

+ 6 - 4
App.js

@@ -1,6 +1,6 @@
 import React, {Fragment, useEffect} from 'react';
 import {
-  SafeAreaView,
+  
   StyleSheet,
   ScrollView,
   View,
@@ -28,7 +28,8 @@ i18n.locale = "ko";
 
 //모듈 임포트
 import * as RN from 'react-native'
-import * as EL from 'react-native-elements' 
+import * as EL from 'react-native-elements'
+import {SafeAreaView} from 'react-navigation' 
 import H from './src/components/Header' 
 import SwitchNavigator from './src/navigation/SwitchNavigator'
 import C from 'rn-class'
@@ -36,6 +37,7 @@ import C from 'rn-class'
 C.addComp(RN);
 C.addComp(EL, "EL");
 C.addComp({Header : H}, "Comp" );
+C.addComp({SafeAreaView:SafeAreaView}, "Comp");
 
 const App = () => {
  
@@ -48,9 +50,9 @@ const App = () => {
 
   return (
     <Fragment>
-      <C.SafeAreaView  cls="flx1">
+      <C.Comp.SafeAreaView forceInset={{top: 'never'}} cls="flx1">
         <SwitchNavigator/> 
-      </C.SafeAreaView>
+      </C.Comp.SafeAreaView>
     </Fragment>
   );
 };