Flutter登录功能插件nsj_flutter_login的使用

欢迎来到Nasajon登录库。

🚧 在开发中 🚧

此插件目前处于开发阶段。我们将在不久的将来提供更多详细信息和文档，以帮助您在Flutter项目中轻松集成和使用它。

完整示例Demo

以下是一个简单的示例，展示如何在Flutter项目中使用nsj_flutter_login插件。

1. 添加依赖

首先，在pubspec.yaml文件中添加nsj_flutter_login插件的依赖：

dependencies:
  nsj_flutter_login: ^0.0.1

然后运行flutter pub get来安装依赖。

2. 创建登录页面

接下来，创建一个登录页面，并使用插件提供的功能进行用户验证。

import 'package:flutter/material.dart';
import 'package:nsj_flutter_login/nsj_flutter_login.dart'; // 导入插件

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoginPage(), // 设置登录页面为首页
    );
  }
}

class LoginPage extends StatefulWidget {
  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final _formKey = GlobalKey<FormState>();
  String _email = '';
  String _password = '';

  void _login() async {
    if (_formKey.currentState!.validate()) {
      // 验证表单是否有效
      _formKey.currentState!.save();

      try {
        // 调用插件的登录方法
        bool isAuthenticated = await NsjFlutterLogin.login(_email, _password);
        if (isAuthenticated) {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('登录成功！')),
          );
        } else {
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text('登录失败，请检查您的凭据。')),
          );
        }
      } catch (e) {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('发生错误：$e')),
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('登录页面'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              TextFormField(
                decoration: InputDecoration(labelText: '电子邮件'),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入电子邮件';
                  }
                  return null;
                },
                onSaved: (value) => _email = value!,
              ),
              TextFormField(
                obscureText: true,
                decoration: InputDecoration(labelText: '密码'),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入密码';
                  }
                  return null;
                },
                onSaved: (value) => _password = value!,
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: _login,
                child: Text('登录'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

3. 运行应用

确保您的设备或模拟器已连接，并运行以下命令启动应用程序：

flutter run