如何在颤动中向不同类型的用户显示不同的页面[关闭]

Question

我想根据用户类型显示 3 种类型的页面 - 客户类型的“MyPage”，专业人士类型的“MyPagePro”和新用户打开应用程序时的“Choice”类型。但是，我的以下代码在“snapshot.document”部分显示错误。我不知道应该纠正什么。请帮忙。

 class Wrapper extends StatelessWidget {
 @override
Widget build(BuildContext context) {
final user = Provider.of<User>(context);
Future snapshot = Firestore.instance
    .collection('crews')
    .document(user.uid)
    .collection('pros')
    .getDocuments();

if (user == null) {
  return Choice();
} else if (snapshot.documents.length == 0) {
  return MyPage();
} else {
  return MyPagePro();
  }
 }
}

我按照 'lenz' 的建议使用了 Future Builder，我的问题得到了解决，尽管在转到我想要的页面之前，红屏显示了几秒钟。谢谢，lenz！

class Wrapper extends StatelessWidget {
@override
Widget build(BuildContext context) {
final user = Provider.of<User>(context);
final uid = user.uid;
return FutureBuilder(
    future: Firestore.instance
        .collection('crews')
        .document(user.uid)
        .collection('pros')
        .getDocuments(),
    builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
      if (user == null) {
        return Choice();
      } else if (snapshot.documents.length == 0) {
        return MyPage();
      } else {
        return MyPagePro();
      }
    });

Answer 1

您的问题是您正在同步使用 Future 。 Future 需要先从服务器获取数据，然后才能使用它。这不会立即发生。

一种解决方案是使用FutureBuilder。这使您可以同步访问 Future 的响应。首先，您的 Future 将没有数据（下面的 else 场景）。那么当服务器响应时，要么有数据，要么有错误。

试试这样的：

class Wrapper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder<CollectionReference>(
    future: Firestore.instance.collection('pros').getDocuments(),
    builder: (BuildContext context, AsyncSnapshot<CollectionReference> snapshot) {
      if (snapshot.hasData) {
        // return either the MyPage or Authenticate widget
        if (user == null) {
          return Choice();
        } else if (snapshot.documents.length == 0) {
          return MyPage();
        } else {
          return MyPagePro();
        }
      } else if (snapshot.hasError) {
        //TODO if Future resolves with error case
      } else {
        //TODO While Future is loading case
        // e.g.:
        return Text('Awaiting result...'),
      }
    },
  )
}