1.修改个人信息头部样式

2.修改个人信息昵称和学校弹窗赋值问题

pages/components/PersonalInfo.js

@@ -50,24 +50,32 @@ export default class PersonalInfo extends BasePage {
           translucent={false}
         />
 
-        <ImageBackground
-          source={require("../images/userInfo/topbg.png")}
-          style={{ flex: 1 }}
-          imageStyle={{ resizeMode: "contain" }}
+        <View
+          style={{
+            flex: 1,
+            flexDirection: "column"
+          }}
         >
-          <View
+          <ImageBackground
+            source={require("../images/userInfo/top.png")}
             style={{
-              flex: 1,
-              flexDirection: "column"
+              flex: 5,
+              width: "100%",
+              backgroundColor: "#F0F1F5",
+              height: "73%"
             }}
+            imageStyle={{ resizeMode: "contain" }}
           >
             <View
               style={{
-                width: "100%",
-                flex: 2
+                flex: 1,
+                alignItems: "center",
+                justifyContent: "center",
+                flexDirection: "column"
               }}
             >
               <CourseTitle
+                style={{ flex: 1 }}
                 width={this.getWindowWidth()}
                 title="个人信息"
                 backPress={() => this.goBack()}
@@ -75,21 +83,11 @@ export default class PersonalInfo extends BasePage {
                 textcolor={"white"}
                 backPress={() => this.goBack()}
               />
-            </View>
-
-            <View
-              style={{
-                width: "100%",
-                flex: 3,
-                alignItems: "center",
-                justifyContent: "center"
-              }}
-            >
               <View
                 style={{
+                  flex: 1.5,
                   backgroundColor: "white",
                   width: "90%",
-                  height: "90%",
                   alignItems: "center",
                   justifyContent: "center",
                   borderRadius: 20,
@@ -104,109 +102,113 @@ export default class PersonalInfo extends BasePage {
                 />
               </View>
             </View>
-            <View style={{ flex: 0.1 }} />
+          </ImageBackground>
+
+          <View style={{ flex: 0.1, backgroundColor: "#F0F1F5" }} />
+          <View
+            style={{
+              width: "100%",
+              flex: 4.1,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "#F0F1F5"
+            }}
+          >
             <View
               style={{
-                width: "100%",
-                flex: 4.1,
+                backgroundColor: "#F3F3F3",
+                width: "90%",
                 alignItems: "center",
-                justifyContent: "center"
+                justifyContent: "center",
+                height: "90%",
+                overflow: "hidden",
+                borderRadius: 20
               }}
             >
-              <View
-                style={{
-                  backgroundColor: "#F3F3F3",
-                  width: "90%",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  height: "90%",
-                  overflow: "hidden",
-                  borderRadius: 20
-                }}
-              >
-                {this.userInfo123()}
-              </View>
+              {this.userInfo123()}
             </View>
-            <View style={{ flex: 0.1 }} />
+          </View>
+          <View style={{ flex: 0.1, backgroundColor: "#F0F1F5" }} />
+          <View
+            style={{
+              width: "100%",
+              alignItems: "center",
+              justifyContent: "center",
+              flex: 4.1,
+              backgroundColor: "#F0F1F5"
+            }}
+          >
             <View
               style={{
-                width: "100%",
-                alignItems: "center",
-                justifyContent: "center",
-                flex: 4.1
+                backgroundColor: "#F3F3F3",
+                width: "90%",
+                height: "90%",
+                overflow: "hidden",
+                borderRadius: 20
               }}
             >
+              {this.userInfo456()}
+            </View>
+          </View>
+          <View
+            style={{
+              width: "100%",
+              flex: 4,
+              backgroundColor: "#F0F1F5",
+              flexDirection: "column"
+            }}
+          >
+            <View style={{ flex: 0.5 }} />
+            <View style={{ flex: 1, flexDirection: "row" }}>
+              <View style={{ flex: 1 }} />
               <View
                 style={{
-                  backgroundColor: "#F3F3F3",
-                  width: "90%",
-                  height: "90%",
-                  overflow: "hidden",
-                  borderRadius: 20
+                  flex: 7,
+                  width: "100%",
+                  height: "100%"
                 }}
               >
-                {this.userInfo456()}
-              </View>
-            </View>
-            <View
-              style={{
-                width: "100%",
-                flex: 4,
-                flexDirection: "column"
-              }}
-            >
-              <View style={{ flex: 0.5 }} />
-              <View style={{ flex: 1, flexDirection: "row" }}>
-                <View style={{ flex: 1 }} />
-                <View
+                <TouchableOpacity
+                  activeOpacity={1}
                   style={{
-                    flex: 7,
+                    flex: 1,
                     width: "100%",
+                    alignItems: "center",
+                    justifyContent: "center",
                     height: "100%"
                   }}
+                  onPress={() => this.logout()}
                 >
-                  <TouchableOpacity
-                    activeOpacity={1}
+                  <ImageBackground
+                    source={require("../images/userInfo/logoutbg1.png")}
                     style={{
                       flex: 1,
                       width: "100%",
+                      resizeMode: "repeat",
                       alignItems: "center",
                       justifyContent: "center",
                       height: "100%"
                     }}
-                    onPress={() => this.logout()}
+                    imageStyle={{ resizeMode: "contain" }}
                   >
-                    <ImageBackground
-                      source={require("../images/userInfo/logoutbg1.png")}
+                    <Text
                       style={{
-                        flex: 1,
+                        fontSize: 30,
+                        color: "white",
                         width: "100%",
-                        resizeMode: "repeat",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        height: "100%"
+                        textAlign: "center"
                       }}
-                      imageStyle={{ resizeMode: "contain" }}
                     >
-                      <Text
-                        style={{
-                          fontSize: 30,
-                          color: "white",
-                          width: "100%",
-                          textAlign: "center"
-                        }}
-                      >
-                        退出登录
-                      </Text>
-                    </ImageBackground>
-                  </TouchableOpacity>
-                  <View style={{ flex: 1 }} />
-                </View>
+                      退出登录
+                    </Text>
+                  </ImageBackground>
+                </TouchableOpacity>
                 <View style={{ flex: 1 }} />
               </View>
+              <View style={{ flex: 1 }} />
             </View>
           </View>
-        </ImageBackground>
+        </View>
       </View>
     );
   }

pages/components/PersonalInfoDialog.js

@@ -38,7 +38,11 @@ export default class PersonalInfoDialog extends Component<Props> {
   };
 
   setModalVisible(visible, type) {
-    this.setState({ modalVisible: visible, updateType: type });
+    this.setState({
+      modalVisible: visible,
+      updateType: type,
+      input_text: ""
+    });
   }
   setInfo(mytitle, holder) {
     this.setState({