Overlay.of
minangka cara statis Flutter sing digunakake kanggo njupuk widget OverlayState
leluhur sing paling cedhak Overlay
.
Widget Overlay
digunakake kanggo nggawe tumpukan widget sing bisa ditampilake ing ndhuwur widget liyane ing aplikasi Flutter. Cara kasebut Overlay.of
ngidini sampeyan ngakses sing OverlayState
digandhengake karo BuildContext
.
Punika conto carane sampeyan bisa nggunakake Overlay.of
kanggo ngakses OverlayState
:
import 'package:flutter/material.dart';
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('Overlay.of Example'),
),
body: Center(
child: ElevatedButton(
onPressed:() {
OverlayState overlayState = Overlay.of(context);
OverlayEntry overlayEntry = OverlayEntry(
builder:(BuildContext context) {
return Positioned(
top: 100,
left: 50,
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
);
},
);
overlayState.insert(overlayEntry);
},
child: Text('Show Overlay'),
),
),
);
}
}
Ing conto iki, nalika tombol dipencet, Overlay.of
cara digunakake kanggo njupuk sing OverlayState
digandhengake karo saiki BuildContext
. Lan OverlayEntry
banjur digawe lan ditambahake menyang overlay nggunakake insert
metode OverlayState
. Iki nampilake wadhah biru ing posisi tartamtu ing ndhuwur widget liyane.
Wigati dimangerteni manawa nggunakake overlay mbutuhake manajemen sing ati-ati, lan sampeyan biasane kudu mbusak entri nalika overlay ora dibutuhake maneh kanggo nyegah bocor memori.
Yen ana nganyari utawa owah-owahan sing ana gandhengane Overlay.of
sawise nganyari pungkasan, aku nyaranake mriksa Flutter dokumentasi kanggo informasi paling anyar.