Popover kūrimas naudojant rodyklę in Flutter

Norėdami sukurti Flutter iššokantįjį langą su rodykle, nukreipiančia į konkretų elementą, galite naudoti Popover paketo valdiklį popover. Štai kaip tai galite padaryti:

Pridėkite popover paketą prie pubspec.yaml failo:

dependencies:
  flutter:  
    sdk: flutter  
  popover: ^0.5.0  

Importuokite reikiamus paketus:

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

Naudokite Popover valdiklį:

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

Šiame pavyzdyje Popover valdiklis naudojamas sukurti iššokantįjį langą su rodykle, nukreipiančia nuo mygtuko į turinį. Ypatybė child yra elementas, suaktyvinantis iššokantįjį, o bodyBuilder nuosavybė yra atgalinis iškvietimas, grąžinantis iššokančiojo turinio turinį.

Nepamirškite tinkinti iššokančiojo vaizdo turinio, išvaizdos ir elgesio pagal savo poreikius. Šiame pavyzdyje parodytas paketo naudojimas popover kuriant iššokančius langus su rodyklėmis Flutter.