Junior — Middle
Tudná magyarázni, hogy mit értünk a 'widgetek' kifejezés alatt a felhasználói felületek fejlesztése során?
sobes.tech MI
Válasz az MI-től
A felhasználói felületek fejlesztésének kontextusában, különösen a Flutterben, a "widget" kifejezés az UI alapvető építőelemeire utal. Egy widget egy leíró elem, amely meghatározza, hogy egy képernyő részének hogyan kell kinéznie és viselkednie.
A Flutterben minden widget: gombok, szöveg, képek, konténerek, valamint teljes képernyők. A widgetek lehetnek:
- StatelessWidget — nincs állapotuk, statikus UI-t jelenítenek meg.
- StatefulWidget — változtathatják az állapotukat és frissíthetik a UI-t.
A widgeteket egymásba ágyazhatjuk, összetett felületeket létrehozva egyszerű komponensekből.
Egyszerű Flutter widget példája:
import 'package:flutter/material.dart';
class MyButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ElevatedButton(
onPressed: () {
print('Gomb megnyomva');
},
child: Text('Nyomj meg engem'),
);
}
}
Így a widgetek deklaratív leírások az UI-ról, amelyeket a Flutter a felület építésére és frissítésére használ.