Fuzionest Signup #

Fuzionest Signup 是一个为 Flutter 应用程序提供可定制且易于使用的注册表单的插件。

安装 #

要使用此插件，请在项目的 pubspec.yaml 文件中添加 fuzionest_signup 作为依赖项。

dependencies:
  fuzionest_signup: ^1.0.0

使用示例 #

以下是一个完整的示例代码，展示如何使用 Fuzionest Signup 插件：

import 'package:flutter/material.dart';
import 'package:fuzionest_signup/fuzionest_signup.dart'; // 导入 Fuzionest Signup 包

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fuzionest Signup 示例',
      home: RegisterPage(),
    );
  }
}

class RegisterPage extends StatefulWidget {
  @override
  _RegisterPageState createState() => _RegisterPageState();
}

class _RegisterPageState extends State<RegisterPage> {
  final _formKey = GlobalKey<FormState>(); // 表单键
  String _username = '';
  String _email = '';
  String _password = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Fuzionest Signup 示例'),
      ),
      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) => _username = value!,
              ),
              SizedBox(height: 16),
              // 邮箱字段
              TextFormField(
                decoration: InputDecoration(labelText: '邮箱'),
                keyboardType: TextInputType.emailAddress,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入邮箱';
                  }
                  if (!value.contains('@')) {
                    return '请输入有效的邮箱地址';
                  }
                  return null;
                },
                onSaved: (value) => _email = value!,
              ),
              SizedBox(height: 16),
              // 密码字段
              TextFormField(
                decoration: InputDecoration(labelText: '密码'),
                obscureText: true,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return '请输入密码';
                  }
                  if (value.length < 6) {
                    return '密码长度至少为6位';
                  }
                  return null;
                },
                onSaved: (value) => _password = value!,
              ),
              SizedBox(height: 24),
              // 注册按钮
              ElevatedButton(
                onPressed: () {
                  if (_formKey.currentState!.validate()) {
                    _formKey.currentState!.save();
                    // 处理注册逻辑
                    print('用户名: $_username');
                    print('邮箱: $_email');
                    print('密码: $_password');
                  }
                },
                child: Text('注册'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

说明

1. 导入包：

   import 'package:fuzionest_signup/fuzionest_signup.dart';