تیر کے ساتھ پاپ اوور بنانا 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 ۔