如何将firebase添加到颤振应用程序 导入“包装：颤振/材料.省道”； 导入“包：firebase_auth/firebase_auth.dart”； 导入“Header1.dart”； 导入“InputWrapper1.dart”； 类LoginPage扩展了无状态小部件{ @凌驾 小部件构建（构建上下文）{ 返回脚手架( resizeToAvoidBottomInset:false， 主体：容器( 宽度：double.infinity， 装饰：盒子装饰( 渐变：线性渐变（开始：Alignment.topCenter，颜色：[ 颜色。蓝色[500]， 颜色。紫色[300]， 颜色.紫色[400] ]), ), 子：列( 儿童：[ 尺寸箱（高度：80，）， 头1（）， 扩展（子：容器）( 装饰：盒子装饰( 颜色：颜色，白色， borderRadius：仅限borderRadius( 左上：半径。圆形（60）， 右上角：半径。圆形（60）， ) ), 子项：InputWrapper1（）， )) ], ), ), ); } }

我想将firebase添加到这个登录和注册页面，但我很困惑，看到了很多视频，他们正在为登录添加功能，但在这里，每个元素都分为多个部分，在哪里添加？ [1]:

---

[2] ：

您应该将用户界面与登录逻辑以及与数据管理相关的所有内容分开。例如，使用并设置在后台处理登录逻辑的登录提供程序。我建议通过观看了解更多有关正确状态管理的信息

---

设置登录提供程序后，可以从源代码中的任何位置访问登录功能。使用时，Flatter中的Firebase身份验证效果最佳。以防万一，你还没有使用它：）

你可以先在问题中添加一些代码，这会很有帮助，就像你迄今为止所做的一样。嗨，尼古拉斯，它对我有用。谢谢@OMKARKOMARPANT很高兴我能帮忙！

import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'Header1.dart';
import 'InputWrapper1.dart';

class LoginPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset : false,
      body: Container(
        width: double.infinity,
        decoration: BoxDecoration(
          gradient: LinearGradient(begin: Alignment.topCenter, colors: [
            Colors.blue[500],
            Colors.purple[300],
            Colors.purple[400]
          ]),
        ),
        child: Column(
          children: <Widget>[
            SizedBox(height: 80,),
            Header1(),
            Expanded(child: Container(
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(60),
                    topRight: Radius.circular(60),
                  )
              ),
              child: InputWrapper1(),
            ))

          ],
        ),
      ),
    );
  } 
}