Flutter中如何在方法外部使用方法内的变量？

你的问题主要源于三个点：

• resultData 是 getData() 方法的局部变量，外部无法访问
• 获取数据后没有通知Flutter更新UI
• 直接输出resultData会打印整个Map对象，需要指定具体字段

按以下步骤修改代码即可解决：

1. 在类中定义全局变量存储用户数据：

Map<String, dynamic>? userData;

2. 修改getData()方法，将数据赋值给全局变量并触发UI更新：

void getData() async {
  if(loggedUser == null) return; // 避免未登录时调用报错
  // 用当前登录用户的uid获取数据，替换硬编码的doc ID，适配所有用户
  String userId = loggedUser!.uid;
  var result = await firestore.collection('user').doc(userId).get();
  setState(() {
    userData = result.data();
  });
}

3. 在build方法的Text组件中读取具体字段：

Text('user name: ${userData?['name'] ?? '加载中...'}')

修改后的完整代码 #

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:shipda/screens/login/login_screen.dart';
import 'package:get/get.dart';
import 'package:cloud_firestore/cloud_firestore.dart';


class HomeScreen extends StatefulWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final _authentication = FirebaseAuth.instance;
  User? loggedUser;
  final firestore = FirebaseFirestore.instance;
  // 新增：存储用户数据的全局变量
  Map<String, dynamic>? userData;

  void getData() async {
    if(loggedUser == null) return;
    String userId = loggedUser!.uid;
    var result = await firestore.collection('user').doc(userId).get();
    setState(() {
      userData = result.data();
    });
  }


  @override
  void initState() {
    super.initState();
    getCurrentUser();
    // 确保获取到当前用户后再调用getData
    WidgetsBinding.instance.addPostFrameCallback((_) {
      getData();
    });
  }

  void getCurrentUser(){
    try {
      final user = _authentication.currentUser;
      if (user != null) {
        loggedUser = user;
        print(loggedUser!.email);
      }
    } catch (e){
      print(e);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          children: [
            Text('Home Screen'),
            IconButton(
              onPressed: () {
                FirebaseAuth.instance.signOut();
                Get.to(()=>LoginScreen());
              },
              icon: Icon(Icons.exit_to_app),
            ),
            IconButton(
              onPressed: () {
                Get.to(() => LoginScreen());
              },
              icon: Icon(Icons.login),
            ),
            Text('UserInfo'),
            // 显示用户名，处理数据未加载或不存在的情况
            Text('user name: ${userData?['name'] ?? '加载中...'}')

          ],
        ),
      ),
    );
  }
}

关键说明 #

• setState()是Flutter更新UI的核心方法，获取到数据后必须调用它，通知框架重新渲染
• userData?['name']中的?是为空安全判断，防止userData为null时报错；?? '加载中...'是设置默认文本，处理数据未加载或字段不存在的场景
• 替换硬编码的doc ID为loggedUser!.uid，让代码适配所有登录用户，而非固定某一个用户

内容的提问来源于stack exchange，提问作者HappyCoding