Sobes.tech
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.