Flutter - 小部件变量始终为空

Question

我有一个连接到 firebase 的 Flutter 应用，我正在使用它来接收来自 Firebase Cloud Messaging 的推送通知，使用此代码。每当我调用变量widget.title、widget.body 时，它们都是空的，但是当方法收到通知时，它们具有来自 FCM 的值。我该怎么办？

class PushList extends StatefulWidget {
  
  Map<dynamic, dynamic> notific;
  String title, body;

  Future<dynamic> fcmMessageReceiver() async {
    FirebaseMessaging.instance.getInitialMessage().then((value) {
      if (value != null) {}
    });

    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      if (message.notification != null) {
        notificacao = {
          'title': message.notification.title,
          'body': message.notification.body
        };
        title = message.notification.title;
        body = message.notification.body;

        print('MENSAGEM: $notific');
      }
    });
    FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {});
  }

  PushList() {
  }

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

class _PushListState extends State<PushList> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBody: true,
      backgroundColor: Colors.white,
      appBar: null,
      body: ListView(
        children: [
          widget.notific != null
              ? Card(
                  margin: EdgeInsets.all(10),
                  elevation: 4,
                  child: ListTile(
                    title: Text(
                      widget.title,
                    ),
                    subtitle: Text(
                      widget.body,
                    ),
                  ),
                )
              : Container(
                  child: Text("U don't have new notifcs."),
                ),
        ],
      ),
    );
  }
}

Answer 1

PushList 应该是不可变的。在状态内部定义属性并在initState 内部调用fcmMessageReceiver。另外你需要在设置title和body后调用setState触发重建：

class PushList extends StatefulWidget {
  @override
  _PushListState createState() => _PushListState();
}

class _PushListState extends State<PushList> {
  Map<dynamic, dynamic> notific;
  String title, body;

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

  Future<dynamic> fcmMessageReceiver() async {
    FirebaseMessaging.instance.getInitialMessage().then((value) {
      if (value != null) {}
    });

    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      if (message.notification != null) {
        if (mounted) {
          setState(() {
            notificacao = {
              'title': message.notification.title,
              'body': message.notification.body
            };
            title = message.notification.title;
            body = message.notification.body;
          });
        }
        print('MENSAGEM: $notific');
      }
    });
    FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBody: true,
      backgroundColor: Colors.white,
      appBar: null,
      body: ListView(
        children: [
          notific != null
              ? Card(
                  margin: EdgeInsets.all(10),
                  elevation: 4,
                  child: ListTile(
                    title: Text(
                      title ?? '',
                    ),
                    subtitle: Text(
                      body ?? '',
                    ),
                  ),
                )
              : Container(
                  child: Text("U don't have new notifcs."),
                ),
        ],
      ),
    );
  }
}