为未经授权的用户隐藏应用程序中的内容 - Flutter Firebase

Question

所以我想显示一个特殊的按钮。仅当用户使用正确的权限登录时，该按钮才应起作用（或可见）。

我发现我可以用 flutter firestore 以某种方式做到这一点。我如何将其实现到我的代码中？如果您需要我的 firestore 数据库中的更多代码或信息（屏幕），请在评论中询问。 :)

//serverstatuspage

    final serverstatuspage = Material(
        elevation: 5,
        borderRadius: BorderRadius.circular(30),
        color: Colors.green,
        child: MaterialButton(
            padding: EdgeInsets.fromLTRB(20, 15, 20, 15),
            minWidth: MediaQuery.of(context).size.width,
            onPressed: () {
              serverstatusbutton(context);
            },
            child: Text(
              "Admin Dashboard",
              textAlign: TextAlign.center,
              style: TextStyle(
                  fontSize: 20,
                  color: Colors.white,
                  fontWeight: FontWeight.bold),
            )));

Answer 1

您可以根据您的权限在用户文档中添加新字段，然后在显示小部件之前或在按钮的 onPressed 时检查它们。
例如，在用户文档中添加一个新的布尔字段“isAdmin”，并为其指定 true 或 false。
现在，您获取此值并仅在 isAdmin 为 true 时使按钮起作用，如下所示：

首先获取字段值

bool isAdmin = false;
Future<void> getRole() {
  return FirebaseFirestore.instance
      .collection('users')
      .doc('yourCurrentUserDocumentID')
      .get()
      .then((snapshot) {
    if (snapshot.exists) {
      isAdmin= snapshot.data()!['isAdmin'];
    } else {
      print('Document does not exist on the database');
    }
  });
}

现在在 onPressed() 中使用此方法

final serverstatuspage = Material(
elevation: 5,
borderRadius: BorderRadius.circular(30),
color: Colors.green,
child: MaterialButton(
padding: EdgeInsets.fromLTRB(20, 15, 20, 15),
minWidth: MediaQuery.of(context).size.width,
onPressed: () async {
  await getRole();
  isAdmin ? serverstatusbutton(context) : null; //onPressed will only work if isAdmin is true
},
child: Text(
  "Admin Dashboard",
  textAlign: TextAlign.center,
  style: TextStyle(
      fontSize: 20, color: Colors.white, fontWeight: FontWeight.bold),
),
),
);

您可以检查此之前在此处讨论过的主题。如果您想了解有关此主题的更多说明，请参阅使用云的指南函数对于了解整个想法很有用，如果您想深入了解它，基于角色的登录架构可以帮助您实现这一点。