My_Flutter_Learning_note

Разветвление

• введение

что

• Рамки
• открытый исходный код
• Многоплатформное приложение из одной кодовой базы (Cross Pateform).

Зачем использовать трепетание

Флаттер преобразует процесс разработки приложения. Создайте, тестируйте и разверните красивые мобильные, веб -сайты, настольные и встроенные приложения из одной кодовой базы.

кто развивает

• разработан Google.
• представлено в 2015 году.
• выпущен в 2017 году.

установка

Установка Evoirement

• Откройте палитру команд. Полем

• Shift+Cmd+P на Mac OS.

• Shift+Ctrl+P в Windows.

• Тип Flutter New Project

• Выберите «Выбрать Flutter New Project

• Выберите приложение

• Выберите путь проекта, где вы хотите поместить свой проект.

• Введите название своего проекта

• Нажмите Enter

Ооооо ... это сделано

• Вы можете сделать все, что вы хотите в своем проекте.
• Здесь означает lib/main.dart ## под папкой Lib Main.dart доступен.

Первое приложение Flutter

Скопировать вставку из официальной документации. Следите за URL? https://codelabs.developers.google.com/codelabs/flutter-codelab-first#2

Добавление кнопки

Elepatedbutton (Onpressed: () {
print ('Next нажата'); }, ребенок: text ('next'),),

main () или основная функция

Это только скажет запустить приложение Flutter. это определено в функции myfunction () ex. void main () {runApp (myfunction ()); }

Виджеты - это элементы, из которых вы создаете каждое приложение Flutter.

Как видите, даже само приложение является виджетом.

Бывший. 1.StateLessWidget 2.statefulWidget

класс myApp () { #отправная точка вашего приложения.

}

• MyAppstate # определяет состояние вашего приложения

• MyAppState # определяет данные, которые приложение должно функционировать. Прямо сейчас он содержит только одну переменную с парой случайных слов - - --Current. Вы добавите к этому позже.

• Чангенотификатор

• Способ управления состоянием приложений в трепете. Также Мани Пауэфлл, способы, являются облегающими.

• Государственный класс расширяет Changenotifier, что означает, что он может уведомить других о своих собственных изменениях.

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

• MyHomePage отслеживает изменения в текущем состоянии приложения, используя метод наблюдения.

• Scaffold (): # Это полезный виджет, который находится в подавляющем большинстве приложений в реальном мире.

• Column (): # является одним из самых основных виджетов макета в Flutter.

• WordPair # предоставляет несколько полезных добычи, таких как Aspascalcase или Assnakecase. Здесь мы используем AslowerCase

Форматирование кода флаттер

https://docs.flutter.dev/development/tools/formatting

Код Flutter часто включает в себя создание довольно глубоких деревьев структур данных, например, методом сборки. Чтобы получить хорошее автоматическое форматирование, мы рекомендуем вам принять дополнительные запятые в срок. Руководство по добавлению запятой о запятой просты: всегда добавляйте запятую запятую в конце списка параметров в функциях, методах и конструкторах, где вы заботитесь о сохранении форматирования, которое вы создаете. Это помогает автоматическому форматеру вставить соответствующее количество разрывов строк для кода в стиле трепетания.

• getNext ()
• Все, что осталось, - это вызвать метод GetNext из обратного вызова кнопки.
• Сделать приложение красивее
• Извлеките виджет
• Строка, ответственная за показ текущей пары слов, теперь выглядит так: Text (appstate.current.aslowercase). Чтобы превратить его в нечто более сложное, это хорошая идея, чтобы извлечь эту линию в отдельный виджет. Наличие отдельных виджетов для отдельных логических частей вашего пользовательского интерфейса является важным способом управления сложностью в трепете.

Добавить карту

рефактор

Извлекать виджет

• Выберите текст, нажмите на рефактор
• Нажмите на извлечение виджет
• Введите имя виджета
• Класс будет создан в качестве введенных имен

прокладка

• Выберите текст
• Щелкните правой кнопкой мыши
• Выберите Refactor
• Выберите упаковку с прокладкой
• Нажмите Enter

// ПРИМЕЧАНИЕ: Flutter использует композицию над наследством всякий раз, когда это может. Здесь, вместо того, чтобы заполнить атрибут текста, это виджет!

// Таким образом, виджеты могут сосредоточиться на своей единственной ответственности, и вы, разработчик, обладаете полной свободой в том, как составить ваш пользовательский интерфейс. Например, вы можете использовать виджет накладку для прокладки, изображения, кнопки, свои собственные виджеты или все приложение. Виджет не заботится о том, что он обертывает.

Тема и стиль

Функциональность

1. Выберите виджет макета.
2. Видимый виджет (текст, изображение, значки).
3. Добавьте видимый виджет в виджет макета.
4. Материальные приложения.
5. Нематериальные приложения.

Задача выполнена

• создать макет
• Добавить изображение
• Добавить заголовок
• Добавить субтитры
• Добавить как значки рейтинга
• Добавить значок звонка
• Добавить этикетку
• Добавить значок маршрута
• Добавить этикетку
• Добавить значок обмена
• Добавить этикетку
• Добавить текст (описание)

Создание адаптивных и адаптивных приложений

• Класс LayoutBuilder 'создает дерево виджетов, которое может зависеть от размера родительского виджета ».

• Aspectratio ('виджет, который пытается понижать ребенка к определенному соотношению сторон.').

• CustomsingLechildLayout («виджет, который отменяет макет своего одиночного ребенка до делегата»).)

• Singlechildlayoutdelegate, («который контролирует макет ребенка»).

• CustommultichildLayout (', который использует делегат для размещения нескольких детей.')

• FittedBox («масштаб и позиционирует своего ребенка внутри себя в соответствии с подходом»)

• FractionallySizedBox

• LayoutBuilder

• СМИ

• MediaQueryData

• Ориентация строителя

Виджеты макета

Одинокий ребенок

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

• Aspectratio пытается разбавить ребенка к определенному соотношению сторон.

• Desturedbox налагает ограничения размера на своего ребенка, предлагая контроль над минимальным или максимальным размером.

• CustomsingLechildLayout - использует функцию делегата для размещения одного ребенка. Делегат может определить ограничения макета и позиционирование для ребенка.

• Расширенная и гибкая - позволяет ребенку ряда или столбца сокращаться или расти, чтобы заполнить любое доступное пространство.

• FractionallySizedbox - размещает своего ребенка до доли доступного пространства.

• LayoutBuilder - строит виджет, который может отражать себя в зависимости от размера родителей.

• SingleChildScrollView - добавляет прокрутку к одному ребенку. Часто используется со строкой или столбцом.

Multichild

• Столбец, строка и сгибания - вытягивают детей в одном горизонтальном или вертикальном забеге. И столбец, и строка расширяют виджет Flex.

• CustomMultichildLayout - использует функцию делегата для размещения нескольких детей на этапе макета.

• Поток - изначальный к CustommultichildLayout, но более эффективен, потому что он выполняется во время фазы краски, а не в фазе макета.

• ListView, GridView и CustomScrollView - проведите прокручиваемые списки детей.

• Стек - слои и позиционирует несколько детей по сравнению с краями стека. Функции аналогично фиксированной позиции в CSS.

• Таблица - использует классический алгоритм макета таблицы для своих детей, объединяющий несколько строк и столбцов.

• Оберните - играет своих детей в нескольких горизонтальных или вертикальных пробегах.

• Анимация 'Основным строительным блоком анимационной системы является класс анимации. Анимация представляет значение определенного типа, который может измениться в течение времени жизни анимации. Большинство виджетов, которые выполняют анимацию, получают анимационный объект в качестве параметра, из которого они читают текущее значение анимации и к которому они слушают изменения в этом значении ».

• AddListener 'Каждый раз, когда меняется значение анимации, анимация уведомляет всех слушателей, добавленных с помощью AddListener. Как правило, объект состояния, который прислушивается к анимационным вызовам Setstate в своем обратном вызове слушателя, чтобы уведомить систему виджетов, которая необходима для восстановления с новым значением анимации. '

• AnimatedWidget, «наиболее полезен для анимационных виджетов без сохранения состояния»

• AnimatedBuilder, «полезен для более сложных виджетов, которые хотят включить анимацию как часть более крупной функции сборки».

• Анимация AddStatusListener также предоставляет анимацию, что указывает на то, как анимация будет развиваться с течением времени. '

• Анимацияконтроллер ''