添加登录页，完成两个输入框和边框

netrain_flutter_app/lib/common/Images.dart

@@ -18,4 +18,6 @@ class Images{
   static const ic_privacy = "${imagesPath}ic_privacy.png";
   static const ic_sign = "${imagesPath}ic_sign.png";
   static const ic_back_black = "${imagesPath}ic_back_black.png";
+  static const ic_login_button = "${imagesPath}login_button.png";
+
 }
\ No newline at end of file

netrain_flutter_app/lib/zhangfeng/LoginPage.dart

 import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:netrain_flutter_app/zhangfeng/UserModel.dart';
 import 'LoginApi.dart';
+import 'package:netrain_flutter_app/common/Images.dart';
 
 class LoginRequestPage extends StatefulWidget {
   final String title = "登录页";
@@ -12,6 +14,17 @@ class LoginRequestPage extends StatefulWidget {
 
 class _LoginState extends State<LoginRequestPage> {
   // This widget is the root of your application.
+  final phoneTextField = TextEditingController();
+  final pwdTextField = TextEditingController();
+
+  @override
+  void dispose() {
+    // Clean up the controller when disposing of the Widget.
+    phoneTextField.dispose();
+    pwdTextField.dispose();
+    super.dispose();
+  }
+
   void _loginAction() {
     if(UserModel.getModel() != null){
       Fluttertoast.showToast(msg:'已经登录');
@@ -46,17 +59,33 @@ class _LoginState extends State<LoginRequestPage> {
       ),
       body: Center(
         child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
           children: <Widget>[
-            FloatingActionButton(
-              onPressed: _loginAction,
-              child:Icon(Icons.add),
-              heroTag: 0,
+            Container(
+              child:Image(image: AssetImage(Images.logo_01)),
+              padding: EdgeInsets.only(top: 50,left: 50,right: 50),
+            ),
+            Container(
+              padding: EdgeInsets.only(top: 100,left: 16,right: 16),
+              child: TextField(
+                controller: phoneTextField,
+                decoration: InputDecoration(hintText: "请输入手机号码",border: OutlineInputBorder(
+                    borderRadius: BorderRadius.circular(30.0),
+                    borderSide: BorderSide()),),
+              ),
+            ),
+            Container(
+              padding: EdgeInsets.only(top: 20,left: 16,right: 16),
+              child: TextField(
+                controller: pwdTextField,
+                decoration: InputDecoration(hintText: "请输入密码",border: OutlineInputBorder(
+                    borderRadius: BorderRadius.circular(30.0),
+                    borderSide: BorderSide()),),
+              ),
             ),
-            FloatingActionButton(
-              onPressed: _logoutAction,
-              child:Icon(Icons.add),
-              heroTag: 1,
+            Container(
+              padding: EdgeInsets.only(top: 50,left: 16,right: 16),
+              decoration: BoxDecoration(
+                  image: DecorationImage(image: AssetImage(Images.ic_login_button))),
             ),
           ],
         ),

netrain_flutter_app/lib/zhangfeng/TestPage.dart

@@ -10,41 +10,58 @@ class SampleAppPage extends StatefulWidget{
 }
 
 class _SampleAppPageState extends State<SampleAppPage>{
-  String _errorText;
+  final PageController _pageController = PageController();
+
+  @override
+  void dispose() {
+    _pageController.dispose();
+    super.dispose();
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text("Sample App"),
-      ),
-      body: Center(
-        child: TextField(
-          onSubmitted: (String text) {
-            setState(() {
-              if (!isEmail(text)) {
-                _errorText = 'Error: This is not an email';
-              } else {
-                _errorText = null;
+    return MaterialApp(
+      home: Scaffold(
+        body: PageView(
+          controller: _pageController,
+          children: <Widget>[
+            Container(
+              color: Colors.red,
+              child: Center(
+                child: ElevatedButton(
+                  onPressed: () {
+                    if (_pageController.hasClients) {
+                      _pageController.animateToPage(
+                        1,
+                        duration: const Duration(milliseconds: 400),
+                        curve: Curves.easeInOut,
+                      );
                     }
-            });
                   },
-          decoration: InputDecoration(hintText: "This is a hint", errorText: _getErrorText()),
+                  child: const Text('Next'),
+                ),
               ),
             ),
+            Container(
+              color: Colors.blue,
+              child: Center(
+                child: ElevatedButton(
+                  onPressed: () {
+                    if (_pageController.hasClients) {
+                      _pageController.animateToPage(
+                        0,
+                        duration: const Duration(milliseconds: 400),
+                        curve: Curves.easeInOut,
                       );
                     }
-
-  _getErrorText() {
-    return _errorText;
-  }
-
-  bool isEmail(String em) {
-    String emailRegexp =
-        r'^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$';
-
-    RegExp regExp = RegExp(emailRegexp);
-
-    return regExp.hasMatch(em);
+                  },
+                  child: const Text('Previous'),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
   }
 }
\ No newline at end of file