增加了输入手机号以及验证码弹窗的背景色

src/components/PhoneModal.js

@@ -67,6 +67,7 @@ class PhoneModal extends Component {
     const {value} = this.state;
     return (
       <Modal styles={mStyles} {...props}>
+        <View style={styles.modalBackgroundStyle}>
           <View style={styles.modal}>
             <View style={styles.header}>
               <View style={styles.title}>
@@ -161,12 +162,17 @@ class PhoneModal extends Component {
               </View>
             </View>
           </View>
+        </View>
       </Modal>
     );
   }
 }
 
 const styles = {
+  modalBackgroundStyle: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+  },
   modal: {
     height: '86%',
     width: '90%',

src/components/VerifyCodeModal.js

@@ -67,6 +67,7 @@ class VerifyCodeModal extends Component {
     const {value} = this.state;
     return (
       <Modal styles={mStyles} {...props}>
+        <View style={styles.modalBackgroundStyle}>
           <View style={styles.modal}>
             <View style={styles.header}>
               <View style={styles.title}>
@@ -146,12 +147,17 @@ class VerifyCodeModal extends Component {
               </View>
             </View>
           </View>
+        </View>
       </Modal>
     );
   }
 }
 
 const styles = {
+  modalBackgroundStyle: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+  },
   modal: {
     height: '90%',
     width: '90%',