Utilisation Overlay .of dans Flutter  : Guide et exemple

Overlay.of est une méthode statique Flutter qui est utilisée pour récupérer le widget OverlayState ancêtre le plus proche Overlay.

Le Overlay widget est utilisé pour créer une pile de widgets qui peuvent être affichés au-dessus d'autres widgets dans une Flutter application. La Overlay.of méthode vous permet d'accéder au OverlayState fichier associé à un fichier BuildContext.

Voici un exemple de la façon dont vous pourriez utiliser Overlay.of pour accéder à OverlayState:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('Overlay.of Example'),  
     ),  
      body: Center(  
        child: ElevatedButton(  
          onPressed:() {  
            OverlayState overlayState = Overlay.of(context);  
            OverlayEntry overlayEntry = OverlayEntry(  
              builder:(BuildContext context) {  
                return Positioned(  
                  top: 100,  
                  left: 50,  
                  child: Container(  
                    width: 100,  
                    height: 100,  
                    color: Colors.blue,  
                 ),  
               );  
              },  
           );  
            overlayState.insert(overlayEntry);  
          },  
          child: Text('Show Overlay'),  
       ),  
     ),  
   );  
  }  
}  

Dans cet exemple, lorsque le bouton est appuyé, la Overlay.of méthode est utilisée pour récupérer le OverlayState associé au courant BuildContext. Un OverlayEntry est ensuite créé et ajouté au en overlay utilisant la insert méthode du OverlayState. Cela affiche un conteneur bleu à une position spécifique au-dessus des autres widgets.

Veuillez noter que l'utilisation overlay nécessite une gestion prudente et que vous devez généralement supprimer les entrées du overlay lorsqu'elles ne sont plus nécessaires pour éviter les fuites de mémoire.

S'il y a eu des mises à jour ou des modifications liées à Overlay.of ma dernière mise à jour, je vous recommande de consulter la Flutter documentation pour obtenir les dernières informations.