Sobes.tech
Junior

Flutterдеги Container виджети эмне жана анын негизги өзгөчөлүктөрү кандай?

sobes.tech AI

AIден жооп

Container — бул ыңгайлуу виджет, аны башка виджеттерге градиенттер, маржалар, чек аралар, фон жана трансформациялар кошуу үчүн колдонсо болот.

Негизги өзгөчөлүктөрү:

  • alignment: Контейнер ичиндеги балдар виджети тууралайт.
  • padding: Контейнердин чек арасынан жана анын мазмунунан ички боштук.
  • color: Контейнердин фон түсү.
  • decoration: Көчүрмөдө, градиенттер, көлөкөлөр, бурмаланган бурчтар жана фон сүрөттөрү сыяктуу татаал декорациялар коюуга мүмкүндүк берет. decoration колдонулганда, color өзгөчөлүгү отделно колдонулбайт.
  • foregroundDecoration: Балдар виджети үстүнө тартылган декорация.
  • width: Контейнердин кеңдиги.
  • height: Контейнердин бийиктиги.
  • constraints: Контейнер үчүн кошумча өлчөм чектөөлөрү.
  • margin: Контейнердин айланасында сырткы боштуктар.
  • transform: Контейнер жана анын мазмунуна трансформация колдонуу.
  • child: Контейнердин баласы болгон виджет.

Колдонуу мисалы:

Container(
  padding: const EdgeInsets.all(16.0), // Ички боштук
  margin: const EdgeInsets.symmetric(vertical: 10.0), // Чыгыш боштуктар
  decoration: BoxDecoration( // Фон түсү жана бурмаланган бурчтар менен декорация
    color: Colors.blue,
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: const Text( // Балдар виджети
    'Hello, Container!',
    style: TextStyle(color: Colors.white),
  ),
);