Dart中如何调用外部类属性？Flutter开发问题求助

你的代码无法成功调用的核心原因有两个：

1. 带下划线的_App1State是私有State类，外部无法直接访问它的属性；
2. 直接new App1()得到的是StatefulWidget实例，而非其内部的State实例——State对象由Flutter框架负责创建和管理，不能通过手动实例化Widget获取。

下面提供三种不同场景下的可行解决方案：

方案一：用GlobalKey直接访问State（适合简单跨组件场景） #

如果两个Widget在同一个Widget树中，可以通过GlobalKey获取目标State实例，进而修改属性：

1. 定义GlobalKey并关联App1：

// 在全局或父Widget中定义GlobalKey
final GlobalKey<_App1State> app1Key = GlobalKey<_App1State>();

// 补全App1的StatefulWidget结构
class App1 extends StatefulWidget {
  const App1({super.key});

  @override
  _App1State createState() => _App1State();
}

class _App1State extends State<App1> {
  late String txt;
  late FlutterTts tts;

  // 推荐封装方法修改属性，而非直接暴露属性
  void updateTxt(String newTxt) {
    setState(() {
      txt = newTxt;
    });
  }

  @override
  Widget build(BuildContext context) {
    return ...;
  }
}

2. 在使用App1时传入Key：

// 比如在父Widget中渲染App1
App1(key: app1Key)

3. 在_App2State中调用修改：

class _App2State extends State<App2> {
  late String txt;
  late FlutterTts tts;

  void modifyApp1Txt() {
    final app1State = app1Key.currentState;
    if (app1State != null) {
      // 调用封装方法修改，自动触发UI刷新
      app1State.updateTxt("从App2修改的文本");
      // 若直接修改属性，需手动调用setState
      // app1State.txt = "新文本";
      // app1State.setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return ...;
  }
}

方案二：使用状态管理工具（推荐复杂场景） #

如果是跨页面、多组件共享数据的场景，建议用Provider、Riverpod或Bloc这类状态管理库，将txt放到全局状态中统一管理：

以Provider为例：

1. 创建全局状态类：

class AppSharedState extends ChangeNotifier {
  String _txt = "初始文本";

  String get txt => _txt;

  void setTxt(String newTxt) {
    _txt = newTxt;
    notifyListeners(); // 通知所有监听组件刷新UI
  }
}

2. 在入口处配置Provider：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => AppSharedState(),
      child: const MyApp(),
    ),
  );
}

3. 在_App1State中读取状态：

class _App1State extends State<App1> {
  late FlutterTts tts;

  @override
  Widget build(BuildContext context) {
    final sharedState = Provider.of<AppSharedState>(context);
    return Text(sharedState.txt);
  }
}

4. 在_App2State中修改状态：

class _App2State extends State<App2> {
  late FlutterTts tts;

  void updateSharedTxt() {
    // listen: false 表示不监听状态变化，仅用于修改
    final sharedState = Provider.of<AppSharedState>(context, listen: false);
    sharedState.setTxt("从App2更新的全局文本");
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: updateSharedTxt,
      child: const Text("修改共享文本"),
    );
  }
}

方案三：通过回调函数（父子组件场景） #

如果App1和App2是父子关系，或由同一个父Widget管理，可以通过回调函数传递数据：

1. 父Widget维护共享状态：

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

  @override
  State<ParentWidget> createState() => _ParentWidgetState();
}

class _ParentWidgetState extends State<ParentWidget> {
  late String sharedTxt = "初始文本";

  void updateSharedTxt(String newTxt) {
    setState(() {
      sharedTxt = newTxt;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        App1(txt: sharedTxt),
        App2(onUpdateTxt: updateSharedTxt),
      ],
    );
  }
}

2. 修改App1接收外部传参：

class App1 extends StatefulWidget {
  final String txt;
  const App1({super.key, required this.txt});

  @override
  _App1State createState() => _App1State();
}

class _App1State extends State<App1> {
  late FlutterTts tts;

  @override
  Widget build(BuildContext context) {
    return Text(widget.txt);
  }
}

3. 修改App2接收回调函数：

class App2 extends StatefulWidget {
  final Function(String) onUpdateTxt;
  const App2({super.key, required this.onUpdateTxt});

  @override
  _App2State createState() => _App2State();
}

class _App2State extends State<App2> {
  late FlutterTts tts;

  void modifyTxt() {
    widget.onUpdateTxt("从App2传递的新文本");
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: modifyTxt,
      child: const Text("修改文本"),
    );
  }
}

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