From 3a4b57a4be5eb59d3d87ea3df3675be8bbbff581 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E5=AD=90=E9=BE=99?= <1650244275@qq.com>
Date: Fri, 6 May 2022 18:33:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=8F=E5=A4=A7=E7=99=BB=E5=BD=95=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 component/Map/Home.js                         |  10 ++
 component/Map/index.js                        |  13 +-
 component/Map/loginView.js                    | 144 ++++++++++++++++++
 component/Map/recmd1.js                       |  20 ++-
 .../\351\252\214\350\257\201\347\240\201.png" | Bin 0 -> 1542 bytes
 package-lock.json                             |   5 +
 package.json                                  |   1 +
 7 files changed, 186 insertions(+), 7 deletions(-)
 create mode 100644 component/Map/loginView.js
 create mode 100644 "images/Map/\351\252\214\350\257\201\347\240\201.png"

diff --git a/component/Map/Home.js b/component/Map/Home.js
index aef4efa..b5a230b 100644
--- a/component/Map/Home.js
+++ b/component/Map/Home.js
@@ -5,12 +5,14 @@ import {
   TouchableOpacity,
   Text,
   Button,
+  Modal,
 } from 'react-native';
 import Drawer from 'react-native-drawer';
 // Drawer组件
 import ControlPanel from './ControlPanel';
 import SchoolMap from './SchoolMap';
 import ExampleOne from './ExampleOne';
+import {CalendarList, DatePicker} from 'react-native-common-date-picker';
 
 class Home extends Component {
   constructor(props) {
@@ -32,6 +34,7 @@ class Home extends Component {
     this.setState({buildingnum: num});
   };
   render() {
+    const {navigation} = this.props;
     return (
       <Drawer
         side="right"
@@ -88,6 +91,13 @@ class Home extends Component {
           onPress={this.openDrawer}
           onChangebuildingnum={this.onChangebuildingnum}
         />
+
+        <Button
+          title={'点我偏好设置'}
+          onPress={() => {
+            navigation.navigate('Recmd1');
+          }}
+        />
         {/*<ScrollView style={styles.container}>*/}
         {/*  /!*<Text>ces</Text>*!/*/}
         {/*  <SchoolMap />*/}
diff --git a/component/Map/index.js b/component/Map/index.js
index a1da14c..8e2b9da 100644
--- a/component/Map/index.js
+++ b/component/Map/index.js
@@ -9,6 +9,7 @@ import {AMapSdk} from 'react-native-amap3d';
 import {Platform} from 'react-native';
 import SchoolMap from './SchoolMap';
 import Home from './Home';
+import LoginView from './loginView';
 
 AMapSdk.init(
   Platform.select({
@@ -63,10 +64,14 @@ class Map extends Component {
         {/*    <Home />*/}
         {/*  </View>*/}
         {/*</ScrollView>*/}
-        <View style={{flex: 1}}>
-          {/*<SchoolMap />*/}
-          <Home />
-        </View>
+
+        <Recmd1 />
+
+        {/*<View style={{flex: 1}}>*/}
+        {/*  /!*<SchoolMap />*!/*/}
+        {/*  /!*<Home />*!/*/}
+        {/*  <LoginView />*/}
+        {/*</View>*/}
       </View>
     );
   }
diff --git a/component/Map/loginView.js b/component/Map/loginView.js
new file mode 100644
index 0000000..d4cdfb9
--- /dev/null
+++ b/component/Map/loginView.js
@@ -0,0 +1,144 @@
+import React, {Component} from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  Dimensions,
+  TextInput,
+  Button,
+  Image,
+  TouchableOpacity,
+} from 'react-native';
+import Icon from 'react-native-vector-icons/AntDesign';
+const {width, height, scale} = Dimensions.get('window');
+class LoginView extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      username: null,
+      password: null,
+      verificationcode: null,
+      iconnum: true,
+      verify_url: 'https://jwcjwxt1.fzu.edu.cn/plus/verifycode.asp?n=',
+    };
+  }
+  changeusername = text => {
+    this.setState({username: text});
+  };
+  changepassword = text => {
+    this.setState({password: text});
+  };
+  changeverificationcode = text => {
+    this.setState({verificationcode: text});
+  };
+  changeiconnum = () => {
+    this.setState({iconnum: !this.state.iconnum});
+  };
+  render() {
+    const {navigation} = this.props;
+    return (
+      <View style={styles.container}>
+        {/*<Image source={require('./img/icon.png')} style={styles.iconStyle} />*/}
+        <Text>{this.state.username}</Text>
+        <Text>{this.state.password}</Text>
+        <Text>{this.state.verificationcode}</Text>
+        <View>
+          <TextInput
+            placeholder={'请输入用户名'}
+            style={styles.textInputStyle}
+            onChangeText={text => {
+              this.changeusername(text);
+            }}
+          />
+        </View>
+        <View>
+          <TextInput
+            placeholder={'请输入密码'}
+            secureTextEntry={true}
+            selectionColor={'black'}
+            keyboardAppearance={'dark'}
+            style={styles.textInputStyle}
+            onChangeText={text => {
+              this.changepassword(text);
+            }}
+          />
+        </View>
+        <View style={{flexDirection: 'row'}}>
+          <TextInput
+            placeholder={'请输入验证码'}
+            style={styles.textInputStyle2}
+            onChangeText={text => {
+              this.changeverificationcode(text);
+            }}
+          />
+          <TouchableOpacity
+            onPress={() => {
+              this.setState({
+                verify_url:
+                  'https://jwcjwxt1.fzu.edu.cn/plus/verifycode.asp?n=' +
+                  Math.random(),
+              });
+            }}>
+            <Image
+              resizeMode="contain"
+              source={{uri: this.state.verify_url}}
+              style={{width: width * 0.2, height: 38, resizeMode: 'stretch'}}
+            />
+          </TouchableOpacity>
+        </View>
+        <View style={{flexDirection: 'row'}}>
+          <TouchableOpacity onPress={this.changeiconnum}>
+            {this.state.iconnum ? (
+              <Icon name={'minuscircleo'} size={20} />
+            ) : (
+              <Icon name={'checkcircleo'} size={20} />
+            )}
+          </TouchableOpacity>
+          <Text>阅读并同意用户协议和隐私政策</Text>
+        </View>
+
+        <Button
+          title={'登录'}
+          onPress={() => {
+            navigation.navigate('Home');
+          }}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: '#dddddd',
+  },
+  iconStyle: {
+    width: 80,
+    height: 80,
+    marginTop: 50,
+    marginBottom: 30,
+    borderRadius: 40,
+    borderWidth: 2,
+    borderColor: 'white',
+  },
+  textInputStyle: {
+    height: 38,
+    width: width * 0.9,
+    backgroundColor: 'white',
+    marginBottom: 1,
+    paddingLeft: 10,
+    textAlign: 'left',
+  },
+  textInputStyle2: {
+    height: 38,
+    width: width * 0.7,
+    backgroundColor: 'white',
+    marginBottom: 1,
+    paddingLeft: 10,
+    textAlign: 'left',
+  },
+});
+export default LoginView;
diff --git a/component/Map/recmd1.js b/component/Map/recmd1.js
index a2ec263..7e3b9f6 100644
--- a/component/Map/recmd1.js
+++ b/component/Map/recmd1.js
@@ -9,6 +9,8 @@ import {StackNavigator} from 'react-navigation';
 import Recmd2 from './recmd2';
 import navigation from '../Navigation';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
+import LoginView from './loginView';
+import Home from "./Home";
 class Recmd1 extends Component {
   constructor() {
     super();
@@ -170,9 +172,21 @@ const Stack = createNativeStackNavigator();
 
 function Recmdstack() {
   return (
-    <Stack.Navigator
-      initialRouteName="Recmd1"
-     >
+    <Stack.Navigator initialRouteName="LoginView">
+      <Stack.Screen
+        name="LoginView"
+        component={LoginView}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name="Home"
+        component={Home}
+        options={{
+          headerShown: false,
+        }}
+      />
       <Stack.Screen
         name="Recmd1"
         component={Recmd1}
diff --git "a/images/Map/\351\252\214\350\257\201\347\240\201.png" "b/images/Map/\351\252\214\350\257\201\347\240\201.png"
new file mode 100644
index 0000000000000000000000000000000000000000..560de75bba635b99f078ad9fa3253e2915fefb3d
GIT binary patch
literal 1542
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

literal 0
HcmV?d00001

diff --git a/package-lock.json b/package-lock.json
index 9175691..54ca5fa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8661,6 +8661,11 @@
         "nullthrows": "^1.1.1"
       }
     },
+    "react-native-common-date-picker": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmmirror.com/react-native-common-date-picker/-/react-native-common-date-picker-2.3.7.tgz",
+      "integrity": "sha512-XAell1MdBDjOkmHl6PxkNRstUvdrQmj36tu2zgTPR/EA3Db0Sr/LhwO+pdcA3XlJ7bPWt89tNantM16obzBz6Q=="
+    },
     "react-native-drawer": {
       "version": "2.5.1",
       "resolved": "https://registry.npmmirror.com/react-native-drawer/-/react-native-drawer-2.5.1.tgz",
diff --git a/package.json b/package.json
index 2267087..986dfb2 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "react": "17.0.2",
     "react-native": "0.68.1",
     "react-native-amap3d": "^3.0.7",
+    "react-native-common-date-picker": "^2.3.7",
     "react-native-drawer": "^2.5.1",
     "react-native-elements": "^3.4.2",
     "react-native-gesture-handler": "^2.4.1",
-- 
GitLab