onPressed需要2次點擊完成嵌套功能

當用戶在疊加層中輸入他們的資訊并按下提交時，應該會發生 4 件事。

1. 用戶帳戶已在 Firestore 中注冊
2. 用戶有一個使用他們的資訊創建的檔案
3. 覆寫已關閉
4. nav() 頁面被呼叫

在第一次單擊時，[1]發生，然后在集合參考處停止。在第二次點擊時，[1]失敗，但[2-4]成功通過。我認為這與用戶資訊沒有足夠快地從注冊表回傳但列印正確回傳有關，所以我不確定。

疊加層中的 onPressed 函式

onPressed: () async{
    await register(_email, _password);
    await signUp(_email, firstName, lastName, userName);
    hideNewUserOverlay();
    var navTab = 2;
    Navigator.of(context).pushReplacement(MaterialPageRoute(
        builder: (context) => const Nav(),
        settings: RouteSettings(arguments: navTab)
    ));

}

注冊并注冊

Future<void> register(String email, String password) async {
  try {
    // ignore: unused_local_variable
    await auth.createUserWithEmailAndPassword(
        email: email,
        password: password); // <-- user account is created on first press
  } catch (e) {
    debugPrint('>> register: create new user error');
  }
  user = auth.currentUser!;
  debugPrint('   register: current user got');
  String userID = user.uid;
  debugPrint('   register: user.id = $userID');
}

Future<void> signUp(
    String email, String firstName, String lastName, String userName) async {
  user = auth.currentUser!;
  debugPrint('>> signUp: current user got');
  String userID = user.uid;
  debugPrint('   signUp: user.id = $userID'); // all debugs print out correctly

  try {
    debugPrint('   signUp: document creation code Start');
    await collectionReference.doc(userID).set({ // first click stops here, takes 2 clicks to finish
      'profileImageUrl': 'https://firebasestorage.googleapis.com/v0/b/commentaries-d82cd.appspot.com/o/defaultProfileImage.png?alt=media&token=07e4d649-3da7-4f9f-8cf9-062ac9cc9507',
      'userID': userID,
      'accountCreated': DateTime.now(),
      'email': email,
      'userName': userName,
      'firstName': firstName,
      'lastName': lastName,
    });
    debugPrint('   signUp: User Document Created');
  } catch (e) {
    debugPrint('   signUp: create new user error');
  }
}

uj5u.com熱心網友回復：

我認為它不能一次全部作業，因為您正在進行異步呼叫，但您的onPressed函式不是async

試試這個：

onPressed: () async{
    await register(_email, _password);
    await signUp(_email, firstName, lastName, userName);
    hideNewUserOverlay();
    var navTab = 2;
    Navigator.of(context).pushReplacement(MaterialPageRoute(
      builder: (context) => const Nav(),
      settings: RouteSettings(arguments: navTab)
   ));
 }

uj5u.com熱心網友回復：

你可以給你的函式添加回呼，這樣你就知道它們已經完成了。看：

    Future<void> register(String email, String password, VoidCallback callback) async {
  try {
    // ignore: unused_local_variable
    await auth.createUserWithEmailAndPassword(
        email: email,
        password: password); // <-- user account is created on first press
  } catch (e) {
    debugPrint('>> register: create new user error');
  }
  user = auth.currentUser!;
  debugPrint('   register: current user got');
  String userID = user.uid;
  debugPrint('register: user.id = $userID');
  callback(); //here you will send the flag informing the job is done.

}

現在讓我們對另一個函式做同樣的事情。

    Future<void> signUp(
    String email, String firstName, String lastName, String userName, VoidCallback callback) async {
  user = auth.currentUser!;
  debugPrint('>> signUp: current user got');
  String userID = user.uid;
  debugPrint('   signUp: user.id = $userID'); // all debugs print out correctly

  try {
    debugPrint('   signUp: document creation code Start');
    await collectionReference.doc(userID).set({ // first click stops here, takes 2 clicks to finish
      'profileImageUrl': 'https://firebasestorage.googleapis.com/v0/b/commentaries-d82cd.appspot.com/o/defaultProfileImage.png?alt=media&token=07e4d649-3da7-4f9f-8cf9-062ac9cc9507',
      'userID': userID,
      'accountCreated': DateTime.now(),
      'email': email,
      'userName': userName,
      'firstName': firstName,
      'lastName': lastName,
    });
    debugPrint('   signUp: User Document Created');
    callback();
  } catch (e) {
    debugPrint('   signUp: create new user error');
  }
}

現在您可以通過以下步驟完成此操作：

onPressed: () async{
await register(_email, _password, (){
   await signUp(_email, firstName, lastName, userName, (){
       hideNewUserOverlay();
       var navTab = 2;
       Navigator.of(context).pushReplacement(MaterialPageRoute(
         builder: (context) => const Nav(),
         settings: RouteSettings(arguments: navTab)
        ));
   });
});

}

說明：我所做的是將下一步放在回呼中。所以，你知道只有在你真正想要的時候，一切才會繼續。接下來要做的事情是使您的代碼更好：

• 命名引數幫助代碼閱讀。
• 創建回呼函式，使代碼也更具可讀性和可維護性。
• 洗掉不再需要的等待。
• 在程序進行時創建加載，因為這可能需要很長時間。
• 創建一個塊以不允許在此按鈕中多次單擊。
• 創建回呼以處理故障。

標籤：

上一篇：錯誤：位置引數太多：預期為0，但找到了9

下一篇：如何在容器旁邊有一個SingleScrollView