তীর দিয়ে পপওভার তৈরি করা হচ্ছে 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 ।