close

Krijimi i Popover me Shigjeta në Flutter

Për të krijuar një Flutter dritare kërcyese me një shigjetë që tregon një element specifik, mund të përdorni miniaplikacionin Popover nga popover paketa. Ja si mund ta bëni:

Shtoni popover paketën në pubspec.yaml skedarin tuaj:

dependencies:
  flutter:  
    sdk: flutter  
  popover: ^0.5.0

Importoni paketat e nevojshme:

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

Përdorni Popover widget-in:

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),  
                ],  
             ),  
           );  
          },  
       ),  
     ),  
   );  
  }  
}

Në këtë shembull, Popover miniaplikacioni përdoret për të krijuar një popover me një shigjetë që tregon nga butoni te përmbajtja. Vetia child është elementi që aktivizon popover-in dhe vetia bodyBuilder është një kthim kthimi që kthen përmbajtjen e popover-it.

Mos harroni të personalizoni përmbajtjen, pamjen dhe sjelljen e popover-it sipas kërkesave tuaja. Ky shembull demonstron përdorimin e popover paketës për krijimin e popover-eve me shigjeta në Flutter.