firebase - Firebase用户号显示为空

Question

我想在屏幕上显示用户电话号码，但屏幕上显示为空

String _userId;

  @override
  Widget build(BuildContext context) {
    FirebaseAuth.instance.currentUser().then((user) {
      _userId = user.phoneNumber;
    });
    print(_userId);
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Container(
                child:  Text("$_userId")
                    ?? CircularProgressIndicator(),

Answer 1

您需要将Firebase查询移至构建方法之外。当您的Widget重建时，build方法会不断运行。理想情况下，您可以通过以下方式实现它:

// _userId needs to be initiated with a blank value
String _userId = '';

@override
void initState() {
  loadCurrentUser();
  super.initState();
}

void loadCurrentUser(){
  FirebaseAuth.instance.currentUser().then((user) {
    setState(() {
      _userId = user.phoneNumber;
    });
  });
}

这样，一旦信息被加载，您的 View 就会被更新。