Arrow in ile Popover Oluşturma Flutter

Belirli bir öğeyi gösteren ok içeren bir açılır pencere oluşturmak için, paketteki widget'ı Flutter kullanabilirsiniz. Bunu şu şekilde yapabilirsiniz: Popover popover

popover Paketi dosyanıza ekleyin pubspec.yaml:

dependencies:
  flutter:  
    sdk: flutter  
  popover: ^0.5.0  

Gerekli paketleri içe aktarın:

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

Widget'ı kullanın 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),  
                ],  
             ),  
           );  
          },  
       ),  
     ),  
   );  
  }  
}  

Bu örnekte, Popover pencere öğesi, düğmeden içeriği gösteren bir ok bulunan bir açılır pencere oluşturmak için kullanılır. Özellik child, popover'ı tetikleyen öğedir ve bodyBuilder özellik, popover'ın içeriğini döndüren bir geri aramadır.

Popover'ın içeriğini, görünümünü ve davranışını gereksinimlerinize göre özelleştirmeyi unutmayın. popover Bu örnek, içinde oklar bulunan popover'lar oluşturmak için paketin kullanımını gösterir Flutter.