Flutter问题：如何在另一个文件的onPressed中访问变量？（static无效）

我刚学Flutter和编程4天，想做一个基础的名言生成应用。现在有个currentQuote变量，想在按钮所在文件的onPressed里调用，但尝试调用RandomQuote().currentQuote或_RandomQuoteState().currentQuote都报错，用_RandomQuoteState时提示：

The method '_RandomQuoteState' isn't defined for the type '_ButtonQuoteState'.
Try correcting the name to the name of an existing method, or defining a method named '_RandomQuoteState'.

按钮组件文件（ButtonQuote） #

import 'package:flutter/material.dart';
import 'package:daily_quotes/random_quote.dart';

class ButtonQuote extends StatefulWidget {
  const ButtonQuote({super.key});
  

  @override
  State<ButtonQuote> createState() => _ButtonQuoteState();
}

class _ButtonQuoteState extends State<ButtonQuote> {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.only(top: 50),
      child: Center(
        child: Column(
        children: [
          TextButton(onPressed: () {
            RandomQuote().currentQuote;
          }, 
          style: TextButton.styleFrom(
            foregroundColor: Colors.black,
            backgroundColor: Colors.red,
            textStyle: const TextStyle(fontSize:30),
          ),

          child: const Text("New Quote")
          )
        ],
          ),
      ));
  }
}

随机生成逻辑文件（RandomQuote） #

import 'package:flutter/material.dart';
import 'package:daily_quotes/regen_button.dart';
import 'dart:math';


class RandomQuote extends StatefulWidget {
  const RandomQuote({super.key});

  @override
  State<RandomQuote> createState() => _RandomQuoteState();
}

class _RandomQuoteState extends State<RandomQuote> {
  static var currentQuote = 1;
  final ranNum = Random();

  void quoteGen() {
    var generation = ranNum.nextInt(10) + 1;
    setState(() {
      currentQuote = generation;
      print("$currentQuote");
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          ButtonQuote(),
        ],
      ));
  }
}

问题根源 #

1. 直接实例化RandomQuote()会创建全新的组件实例，和界面上运行的不是同一个，调用它的变量完全无效。
2. _RandomQuoteState是私有类（以下划线开头），只能在自身文件内访问，外部不能直接实例化调用。

修复方案（新手友好版） #

方式：通过构造函数传递回调方法 #

让父组件RandomQuote把生成逻辑方法传给子组件ButtonQuote，点击按钮时直接触发这个方法：

1. 修改ButtonQuote组件（改成无状态组件更简单）：

import 'package:flutter/material.dart';

class ButtonQuote extends StatelessWidget {
  // 新增回调参数，用于接收父组件的生成方法
  final VoidCallback onQuotePressed;
  
  const ButtonQuote({super.key, required this.onQuotePressed});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.only(top: 50),
      child: Center(
        child: Column(
          children: [
            TextButton(
              onPressed: onQuotePressed, // 触发传递进来的方法
              style: TextButton.styleFrom(
                foregroundColor: Colors.black,
                backgroundColor: Colors.red,
                textStyle: const TextStyle(fontSize:30),
              ),
              child: const Text("New Quote")
            )
          ],
        ),
      ));
  }
}

2. 修改RandomQuote组件：

import 'package:flutter/material.dart';
import 'dart:math';


class RandomQuote extends StatefulWidget {
  const RandomQuote({super.key});

  @override
  State<RandomQuote> createState() => _RandomQuoteState();
}

class _RandomQuoteState extends State<RandomQuote> {
  var currentQuote = 1; // 去掉static，每个组件实例维护自己的状态
  final ranNum = Random();

  void quoteGen() {
    var generation = ranNum.nextInt(10) + 1;
    setState(() {
      currentQuote = generation;
      print("$currentQuote");
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          // 把quoteGen方法传给ButtonQuote
          ButtonQuote(onQuotePressed: quoteGen),
          // 可以加个Text显示当前随机数，测试效果
          Text("当前随机数：$currentQuote", style: const TextStyle(fontSize:20)),
        ],
      ));
  }
}

为什么这样改？ #

• 父组件负责维护状态和核心逻辑，子组件只做UI展示和触发事件，符合Flutter组件通信的基本逻辑。
• 去掉static是因为静态变量属于类而非实例，多个组件会共用同一个值，不符合单个组件独立维护状态的需求。

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