Fix button bug on note moda

Author: Kazu Yokomizo

app/views/note/DropboxNoteModal.js

@@ -13,7 +13,8 @@ import {
 import {
   Container,
   Content,
-  ActionSheet
+  ActionSheet,
+  Root
 } from 'native-base'
 
 import Modal from 'react-native-modalbox'
@@ -260,27 +261,29 @@ export default class DropboxNoteModal extends React.Component {
 
   render () {
     return (
-      <Modal
-        coverScreen
-        isOpen={this.state.isNoteOpen}
-        position={'top'}
-        swipeToClose={false}
-        onClosed={() => this.onCloseModal()}>
-        <Container>
-          <HeaderComponent
-            setIsOpen={this.props.setIsOpen}
-            folderName='Dropbox'
-            handleSwitchEditButtonClick={this.handleSwitchEditButtonClick.bind(this)}
-            isEditting={this.state.isEditting}
-            handlePressDetailButton={this.handlePressDetailButton.bind(this)} />
-          <Content keyboardShouldPersistTaps='always'>
-            <ActivityIndicator animating={this.state.isLoading} />
-            {this.state.isLoading
-              ? null
-              : this.getNoteComponent()}
-          </Content>
-        </Container>
-      </Modal>
+      <Root>
+        <Modal
+          coverScreen
+          isOpen={this.state.isNoteOpen}
+          position={'top'}
+          swipeToClose={false}
+          onClosed={() => this.onCloseModal()}>
+          <Container>
+            <HeaderComponent
+              setIsOpen={this.props.setIsOpen}
+              folderName='Dropbox'
+              handleSwitchEditButtonClick={this.handleSwitchEditButtonClick.bind(this)}
+              isEditting={this.state.isEditting}
+              handlePressDetailButton={this.handlePressDetailButton.bind(this)} />
+            <Content keyboardShouldPersistTaps='always'>
+              <ActivityIndicator animating={this.state.isLoading} />
+              {this.state.isLoading
+                ? null
+                : this.getNoteComponent()}
+            </Content>
+          </Container>
+        </Modal>
+      </Root>
     )
   }
 }

app/views/note/NoteModal.js

@@ -11,7 +11,8 @@ import {
 import {
   Container,
   Content,
-  ActionSheet
+  ActionSheet,
+  Root
 } from 'native-base'
 
 import Modal from 'react-native-modalbox'
@@ -186,24 +187,26 @@ export default class NoteModal extends React.Component {
 
   render () {
     return (
-      <Modal
-        coverScreen
-        isOpen={this.props.isNoteOpen}
-        position={'top'}
-        swipeToClose={false}
-        onClosed={() => this.props.setIsOpen('', false)}>
-        <Container>
-          <HeaderComponent
-            setIsOpen={this.props.setIsOpen}
-            folderName='All Note'
-            handleSwitchEditButtonClick={this.handleSwitchEditButtonClick.bind(this)}
-            isEditting={this.state.isEditting}
-            handlePressDetailButton={this.handlePressDetailButton.bind(this)} />
-          <Content keyboardShouldPersistTaps='always'>
-            {this.getNoteComponent()}
-          </Content>
-        </Container>
-      </Modal>
+      <Root>
+        <Modal
+          coverScreen
+          isOpen={this.props.isNoteOpen}
+          position={'top'}
+          swipeToClose={false}
+          onClosed={() => this.props.setIsOpen('', false)}>
+          <Container>
+            <HeaderComponent
+              setIsOpen={this.props.setIsOpen}
+              folderName='All Note'
+              handleSwitchEditButtonClick={this.handleSwitchEditButtonClick.bind(this)}
+              isEditting={this.state.isEditting}
+              handlePressDetailButton={this.handlePressDetailButton.bind(this)} />
+            <Content keyboardShouldPersistTaps='always'>
+              {this.getNoteComponent()}
+            </Content>
+          </Container>
+        </Modal>
+      </Root>
     )
   }
 }