close

Popover-ის შექმნა ისრებით 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.