एरो इन के साथ पॉपओवर बनाना Flutter

किसी विशिष्ट तत्व की ओर इशारा करने वाले तीर के साथ एक पॉपअप बनाने के लिए Flutter, आप पैकेज Popover से विजेट का उपयोग कर सकते हैं। popover यहां बताया गया है कि आप यह कैसे कर सकते हैं:

popover पैकेज को अपनी फ़ाइल में जोड़ें pubspec.yaml:

dependencies:
  flutter:  
    sdk: flutter  
  popover: ^0.5.0  

आवश्यक पैकेज आयात करें:

import 'package:flutter/material.dart';  
import 'package:popover/popover.dart';  

विजेट का प्रयोग करें Popover:

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('Popover Example'),  
     ),  
      body: Center(  
        child: Popover(  
          child: ElevatedButton(  
            onPressed:() {},  
            child: Text('Open Popup'),  
         ),  
          bodyBuilder:(BuildContext context) {  
            return Container(  
              padding: EdgeInsets.all(10),  
              child: Column(  
                mainAxisSize: MainAxisSize.min,  
                children: [  
                  Text('This is a popover with an arrow.'),  
                  SizedBox(height: 10),  
                  Icon(Icons.arrow_drop_up, color: Colors.grey),  
                ],  
             ),  
           );  
          },  
       ),  
     ),  
   );  
  }  
}  

इस उदाहरण में, Popover विजेट का उपयोग बटन से सामग्री की ओर इंगित करने वाले तीर के साथ एक पॉपओवर बनाने के लिए किया जाता है। संपत्ति child वह तत्व है जो पॉपओवर को ट्रिगर करती है, और bodyBuilder संपत्ति एक कॉलबैक है जो पॉपओवर की सामग्री लौटाती है।

अपनी आवश्यकताओं के अनुसार पॉपओवर की सामग्री, स्वरूप और व्यवहार को अनुकूलित करना याद रखें। popover यह उदाहरण तीरों के साथ पॉपओवर बनाने के लिए पैकेज के उपयोग को दर्शाता है Flutter ।