From 3cf8071977aec33db4f827d3e47d0b0e7f294069 Mon Sep 17 00:00:00 2001
From: mx1700 <mx1700@gmail.com>
Date: Sun, 28 Jul 2019 21:55:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E9=94=AE=E7=9B=98=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/WritePage.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/page/WritePage.js b/src/page/WritePage.js
index a46d6e2..92db2c9 100644
--- a/src/page/WritePage.js
+++ b/src/page/WritePage.js
@@ -12,7 +12,8 @@ import {
     TouchableWithoutFeedback,
     DeviceEventEmitter,
     Alert,
-    Image
+    Image,
+    SafeAreaView
 } from 'react-native';
 import {Navigation} from 'react-native-navigation';
 import KeyboardSpacer from "react-native-keyboard-spacer";
@@ -26,6 +27,7 @@ import Event from "../util/event";
 
 import NotebookLine from '../component/notebook/notebookLine';
 import ImageAction from '../component/image/imageAction'
+import { getBottomSpace } from 'react-native-iphone-x-helper';
 
 
 export default class WritePage extends Component {
@@ -305,6 +307,7 @@ export default class WritePage extends Component {
 
     render() {
       return (
+          <SafeAreaView style={{flex: 1, backgroundColor: Color.navBackground}}>
           <ScrollView style={localStyle.container}
               contentContainerStyle={{flex: 1}}
               keyboardShouldPersistTaps='always'>
@@ -347,12 +350,13 @@ export default class WritePage extends Component {
               </View>
 
               {
-                  Api.IS_IOS ? <KeyboardSpacer topSpacing={Api.IS_IPHONEX ? -30 : 0} /> : null
+                  Api.IS_IOS ? <KeyboardSpacer topSpacing={-getBottomSpace()} /> : null
               }
 
               {this.renderModal()}
 
           </ScrollView>
+          </SafeAreaView>
       );
     }
 
@@ -410,7 +414,7 @@ export default class WritePage extends Component {
                             this.state.fadeAnimHeight,
                             {
                                 toValue: Api.IS_IOS
-                                    ? (Api.IS_IPHONEX ? 280 : 250)
+                                    ? 250
                                     : 260,
                                 duration: 350,
                                 easing: Easing.out(Easing.cubic)
@@ -452,7 +456,6 @@ const localStyle = StyleSheet.create({
     container: {
         flex: 1,
         backgroundColor: Color.navBackground,
-        paddingBottom: Api.IS_IPHONEX ? 30 : 0
     },
     textContent: {
         flex: 1,