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 નવીનતમ માહિતી માટે દસ્તાવેજીકરણ તપાસવાની ભલામણ કરું છું.