【可用于在 Android 应用程序中登录和注册的示例 Flutter 布局】

最新推荐文章于 2024-09-01 09:38:41 发布

nrxsh

最新推荐文章于 2024-09-01 09:38:41 发布

阅读量253

点赞数

分类专栏： Flutter 文章标签： android flutter dart 跨平台移动端

本文链接：https://blog.csdn.net/qq_16635277/article/details/129160116

版权

Flutter 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

该示例展示了如何在Flutter中创建一个用于Android应用的登录和注册布局。它包含一个Form小部件，用于处理电子邮件和密码输入的TextFormField，以及用于提交表单和切换登录/注册模式的按钮。表单验证和用户输入的保存功能也已集成。

摘要由CSDN通过智能技术生成

可用于在 Android 应用程序中登录和注册的示例 Flutter 布局：

代码实现：

代码实现：

import 'package:flutter/material.dart';

class LoginRegisterScreen extends StatefulWidget {
  @override
  _LoginRegisterScreenState createState() => _LoginRegisterScreenState();
}

class _LoginRegisterScreenState extends State<LoginRegisterScreen> {
  final _formKey = GlobalKey<FormState>();
  bool _isLoginForm = true;
  String _email;
  String _password;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(_isLoginForm ? 'Login' : 'Register'),
      ),
      body: Container(
        padding: EdgeInsets.all(16),
        child: Form(
          key: _formKey,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              TextFormField(
                keyboardType: TextInputType.emailAddress,
                decoration: InputDecoration(labelText: 'Email'),
                validator: (value) =>
                    value.isEmpty ? 'Email can\'t be empty' : null,
                onSaved: (value) => _email = value,
              ),
              SizedBox(height: 16),
              TextFormField(
                obscureText: true,
                decoration: InputDecoration(labelText: 'Password'),
                validator: (value) =>
                    value.isEmpty ? 'Password can\'t be empty' : null,
                onSaved: (value) => _password = value,
              ),
              SizedBox(height: 16),
              RaisedButton(
                onPressed: _submitForm,
                child: Text(_isLoginForm ? 'Login' : 'Create Account'),
              ),
              FlatButton(
                onPressed: _toggleFormMode,
                child: Text(_isLoginForm
                    ? 'Don\'t have an account? Create one'
                    : 'Already have an account? Sign in'),
              ),
            ],
          ),
        ),
      ),
    );
  }

  void _submitForm() {
    final form = _formKey.currentState;
    if (form.validate()) {
      form.save();
      // Perform login or registration here
    }
  }

  void _toggleFormMode() {
    setState(() {
      _isLoginForm = !_isLoginForm;
    });
  }
}