ਅੰਦਰ ਤੀਰ ਨਾਲ ਪੋਪਓਵਰ ਬਣਾਉਣਾ 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 ।