பயன்படுத்துதல் Overlay .of: Flutter வழிகாட்டி மற்றும் எடுத்துக்காட்டு

Overlay.of அருகிலுள்ள மூதாதையர் விட்ஜெட்டைப் Flutter பெறுவதற்குப் பயன்படுத்தப்படும் நிலையான முறை. OverlayState Overlay

Overlay பயன்பாட்டில் உள்ள மற்ற விட்ஜெட்டுகளின் மேல் காட்டப்படும் விட்ஜெட்களின் அடுக்கை உருவாக்க விட்ஜெட் பயன்படுத்தப்படுகிறது Flutter. முறையானது குறிப்பிட்டவற்றுடன் தொடர்புடையதை Overlay.of அணுக உங்களை அனுமதிக்கிறது. OverlayState BuildContext

Overlay.of அணுகுவதற்கு நீங்கள் எவ்வாறு பயன்படுத்தலாம் என்பதற்கான எடுத்துக்காட்டு இங்கே 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'),  
       ),  
     ),  
   );  
  }  
}  

இந்த எடுத்துக்காட்டில், பொத்தானை அழுத்தும் போது, ​​மின்னோட்டத்துடன் தொடர்புடையதை Overlay.of மீட்டெடுக்க இந்த முறை பயன்படுத்தப்படுகிறது. ஒரு பின்னர் உருவாக்கப்பட்டு அதன் முறையைப் பயன்படுத்தி சேர்க்கப்படுகிறது. இது மற்ற விட்ஜெட்டுகளின் மேல் ஒரு குறிப்பிட்ட நிலையில் நீல நிற கொள்கலனைக் காட்டுகிறது. OverlayState BuildContext OverlayEntry overlay insert OverlayState

பயன்பாட்டிற்கு கவனமாக மேலாண்மை தேவை என்பதை நினைவில் கொள்ளவும், மேலும் நினைவக கசிவைத் தவிர்க்க, அவை இனி தேவைப்படாத இடங்களிலிருந்து overlay உள்ளீடுகளை அகற்ற வேண்டும். overlay

எனது கடைசி புதுப்பித்தலுக்குப் பிறகு ஏதேனும் புதுப்பிப்புகள் அல்லது மாற்றங்கள் ஏற்பட்டிருந்தால், சமீபத்திய தகவலுக்கு ஆவணங்களைச் Overlay.of சரிபார்க்க பரிந்துரைக்கிறேன். Flutter