Início / coding / Perguntas / 79341433
Accepted
Aryan Bisht
Asked: 2025-01-09 13:15:18 +0800 CST

Diferença entre context.mounted e mounted em flutter

  • 772

Alguém pode me explicar a diferença entre context.mounted e mounted no flutter? Não tenho certeza de quando usar qual, então na maioria das vezes eu os uso de forma intercambiável. Por favor, explique-me isso

flutter

1 respostas

  1. Best Answer

    No Flutter, context.mountede mountedsão usados ​​para verificar se um widget ainda faz parte da árvore de widgets antes de executar certas operações, especialmente as assíncronas. No entanto, eles diferem em como são acessados.

    1.context.mounted

    • Introduzido no Flutter 3.10 , context.mountedé uma propriedade de instância de BuildContext.
    • Ele permite verificar se o widget associado ao dado BuildContextainda está montado (ou seja, parte da árvore de widgets).
    • Útil em retornos de chamada assíncronos ou quando você passa BuildContextpara outra função e deseja verificar se o widget ainda está ativo.

    2.mounted

    • Uma propriedade da Stateclasse no Flutter.
    • Indica se o Stateobjeto ainda está ativo e seu widget ainda está na árvore de widgets.
    • Normalmente usado dentro da mesma Stateclasse para verificar se é seguro executar operações.

    Diferença chave

    • context.mountedestá vinculado ao BuildContexte pode ser acessado em qualquer lugar que BuildContextesteja disponível.
    • mountedé específico do Stateobjeto e só pode ser acessado dentro da Stateclasse.

    Exemplos

    Usandocontext.mounted

    import 'package:flutter/material.dart';

class ExampleWidget extends StatefulWidget {
  @override
  State<ExampleWidget> createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  Future<void> fetchData(BuildContext context) async {
    // Simulate a network request
    await Future.delayed(Duration(seconds: 2));

    // Use context.mounted to check if the widget is still active
    if (context.mounted) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text("Data fetched successfully!")),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Context Mounted Example")),
      body: Center(
        child: ElevatedButton(
          onPressed: () => fetchData(context),
          child: Text("Fetch Data"),
        ),
      ),
    );
  }
}

    Usandomounted

    import 'package:flutter/material.dart';

class ExampleWidget extends StatefulWidget {
  @override
  State<ExampleWidget> createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  bool _loading = false;

  Future<void> fetchData() async {
    setState(() {
      _loading = true;
    });

    // Simulate a network request
    await Future.delayed(Duration(seconds: 2));

    // Use mounted to check if the widget is still active
    if (mounted) {
      setState(() {
        _loading = false;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Mounted Example")),
      body: Center(
        child: ElevatedButton(
          onPressed: _loading ? null : fetchData,
          child: Text(_loading ? "Loading..." : "Fetch Data"),
        ),
      ),
    );
  }
}

    Quando usar

    • Use context.mountedquando estiver lidando com BuildContext em uma operação assíncrona ou passando-o para outra função.
    • Use mountedpara gerenciamento de estado simples dentro da Stateclasse.

    Ambos são essenciais para evitar possíveis erros ao interagir com widgets que podem não existir mais na árvore de widgets.

    • 0

relate perguntas