Какая связь между классом и виджетом во флаттере?

Question

Так как в флаттере есть тонны виджетов, классов и свойств. Так что я путаюсь между свойством Widgets и определенным свойством класса. Как мы должны отобразить Widget и Propery во время реализации. Потому что есть некоторый случай, когда мы отображаем как Widget -> Property ->, а затем Widget. И еще одна ситуация, когда Scaffold имеет свойство appBar, которое имеет конструктор AppBar ().

Нужно ли нам помнить все разные виды ситуаций в каждом виджете во флаттере или есть какие-то приемы для понимания шаблона?

Итак, когда мы можем реализовать конструктор или свойство для выполнения задачи. Это очень сбивает с толку.

Я причесываю голову к стене, чтобы понять правильное различное отображение между виджетами, свойствами, конструктором и инструментами.

"Я буду признателен за вашу помощь в этой ситуации. "

Answer 1

вы пишете класс на языке дартс, который является объектно-ориентированным языком.

Flutter берет эти классы и создает виджеты, которые удерживаются деревом элементов. Дерево элементов также содержит объекты состояния, связанные с виджетами с состоянием.

если мы посмотрим внутрь вызова runApp fun c (начальная точка приложения флаттера)

void runApp(Widget app) {
  WidgetsFlutterBinding.ensureInitialized()
    ..scheduleAttachRootWidget(app)
    ..scheduleWarmUpFrame();
}

он устанавливает root Виджет и оттуда использует сублинейный виджет, делающий через вложенные виджеты, чтобы добраться до дна.

сублинейный виджет, делающий

надеюсь, что это поможет.

Answer 2

В Флаттер все виджеты создаются с использованием класса. Флаттер имеет много виджетов, вам нужно найти, какой виджет подходит для вашей ситуации.

Вы можете найти множество виджетов по категории здесь

Каждый виджет имеет свои свойства , с помощью свойств вы можете настроить дизайн, форму или цвет чего угодно с помощью виджета.

Пример: Панель инструментов имеет такие свойства, как заголовок для имени панели приложения, ведущее свойство для значка заголовка панели приложения, Свойство backgroundColor для изменения цвета панели приложения.

Вам не нужно запоминать все свойства всех виджетов. потому что флаттер с открытым исходным кодом, поэтому, если вы используете Android Studio или VS Code . Вы можете просмотреть все свойства виджетов, нажав Ctrl и указатель мыши на конкретном виджете или нажав Ctrl + пробел, когда курсор находится внутри виджета.

Вы также можете создавать свои собственные виджеты и использовать их в своем приложении.