एरो इनसँग पपओभर सिर्जना गर्दै 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 को व्यवहार अनुकूलन गर्न सम्झनुहोस्। popover यो उदाहरणले तीरहरूसँग पपओभरहरू सिर्जना गर्न प्याकेजको प्रयोग देखाउँछ Flutter ।