Ustvarjanje popoverja s puščico noter Flutter

Če želite ustvariti Flutter pojavno okno s puščico, ki kaže na določen element, lahko uporabite Popover gradnik iz popover paketa. Takole lahko to storite:

Dodajte popover paket v pubspec.yaml datoteko:

dependencies:
  flutter:  
    sdk: flutter  
  popover: ^0.5.0  

Uvozite potrebne pakete:

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

Uporabite Popover pripomoček:

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

V tem primeru Popover se gradnik uporablja za ustvarjanje pojavnega okna s puščico, ki kaže od gumba do vsebine. Lastnost child je element, ki sproži pojavni prikaz, bodyBuilder lastnost pa je povratni klic, ki vrne vsebino pojavnega prikaza.

Ne pozabite prilagoditi vsebine, videza in obnašanja pojavnega elementa glede na vaše zahteve. Ta primer prikazuje uporabo paketa popover za ustvarjanje popoverjev s puščicami v Flutter.