Flutter登录注册页面插件login_and_register_page的使用

Installation（安装）

1. 如果不存在juneflow项目，请按照此指南创建一个。
2. 在juneflow项目的根目录打开终端，输入以下命令：

   june add login_and_register_page
   

3. 通过输入以下命令启动项目：

   flutter run lib/app/_/_/interaction/view.blueprint/page/login_and_register_page/_/view.dart -d chrome
   

Screenshots（截图）

完整示例Demo

以下是一个完整的示例代码，展示如何在Flutter项目中使用login_and_register_page插件。

import 'package:flutter/material.dart';
import 'package:login_and_register_page/login_and_register_page.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Login and Register Page Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: LoginPage(), // 使用登录页面
    );
  }
}

// 自定义登录页面
class LoginPage extends StatefulWidget {
  [@override](/user/override)
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  void _onLoginPressed() {
    String email = _emailController.text;
    String password = _passwordController.text;

    // 这里可以添加登录逻辑
    print('Email: $email');
    print('Password: $password');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('登录页面'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: '邮箱'),
            ),
            TextField(
              controller: _passwordController,
              obscureText: true,
              decoration: InputDecoration(labelText: '密码'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _onLoginPressed,
              child: Text('登录'),
            ),
            SizedBox(height: 20),
            GestureDetector(
              onTap: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => RegisterPage()),
                );
              },
              child: Text(
                '还没有账号？点击这里注册',
                style: TextStyle(color: Colors.blue, decoration: TextDecoration.underline),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

// 自定义注册页面
class RegisterPage extends StatefulWidget {
  [@override](/user/override)
  _RegisterPageState createState() => _RegisterPageState();
}

class _RegisterPageState extends State<RegisterPage> {
  final TextEditingController _nameController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  void _onRegisterPressed() {
    String name = _nameController.text;
    String email = _emailController.text;
    String password = _passwordController.text;

    // 这里可以添加注册逻辑
    print('Name: $name');
    print('Email: $email');
    print('Password: $password');
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('注册页面'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              controller: _nameController,
              decoration: InputDecoration(labelText: '用户名'),
            ),
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: '邮箱'),
            ),
            TextField(
              controller: _passwordController,
              obscureText: true,
              decoration: InputDecoration(labelText: '密码'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _onRegisterPressed,
              child: Text('注册'),
            ),
            SizedBox(height: 20),
            GestureDetector(
              onTap: () {
                Navigator.pop(context);
              },
              child: Text(
                '已有账号？点击这里登录',
                style: TextStyle(color: Colors.blue, decoration: TextDecoration.underline),
              ),
            ),
          ],
        ),
      ),
    );
  }
}