Что такое эшафот?

Введение

Привет! 👐🏿👐🏿👐🏿

Как продвигается ваше путешествие по флаттеру? Я надеюсь, что вы нашли время, чтобы стать разработчиком мирового уровня. 🤗

Сегодня я расскажу о виджете каркаса во Flutter. Скаффолды присутствуют в разработке мобильных приложений с использованием Flutter и Dart. Я не имею в виду это буквально, но скаффолды крайне необходимы при создании пользовательского интерфейса с помощью Flutter SDK.

Эта статья не предназначена для конкретной аудитории, потому что Я считаю, что эти статьи созданы для того, чтобы объяснить технические термины новичкам и энтузиастам и дать разработчикам среднего и продвинутого уровня повод посмеяться/улыбнуться, когда они делают снимок задуманного Edpresso -pun.

Давайте приступим!

Обсуждение концепции

Когда мы говорим о строительных лесах в комнате непрофессионалов В этом случае люди, которые не пишут Flutter and Dart , могут быть ошибочно приняты за строительные леса, используемые для зданий. Однако понимание концепций строительных лесов в строительстве может помочь нам лучше понять строительные леса во Flutter.

Согласно Википедии, строительные леса “- это временная структура, используемая для поддержки рабочая бригада и материалы для помощи в строительстве, обслуживании и ремонте зданий, мостов и всех других искусственных сооружений ».

При разработке мобильных приложений с Flutter, Scaffold Класс реализует базовую структуру визуального макета материального дизайна. Этот класс предоставляет API-интерфейсы для отображения ящиков, закусочных и нижних листов.

Проще говоря, каркасы похожи на структуру, определяемую фреймворком (Flutter), который содержит основные элементы, необходимые для создания пользовательского интерфейса (UI).

В предыдущей статье, где мы объяснили виджеты во Flutter, используя аналогию с бургером, scaffold означал родительский фрейм, содержащий множество другие элементы, используемые для создания мобильного приложения.

Каркас дает нам возможность создавать универсальное мобильное приложение, состоящее из нескольких отдельных частей:

  • AppBar
  • Body
  • Плавающая панель действий
  • Нижняя панель навигации
  • Постоянные кнопки нижнего колонтитула

При совместном использовании эти отдельные элементы могут быть мощными для создания и создания функционального, но эстетически приятного пользовательского интерфейса.

Строительные леса как торт

Мне нравится объяснять термины, используя еду, поскольку я считаю, что люди относятся к еде больше, чем к строительству и кооперации. nstruction.

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

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

виджет каркаса позволяет настраивать страницы в приложении, предоставляя компоненты кадра/основы. После объявления каркаса мы можем подключиться к его API, чтобы использовать другие дочерние виджеты внутри.

На следующем изображении представлены три разных торта, внешний вид и (возможно) разные вкусы. . Базовый ингредиент образует рамку и вмещает другие ингредиенты в соответствии с каждым вкусовым рецептором.

Фото Дианы Ахметьяновой из Pexels

При создании приложения в Flutter, виджет каркаса является базовым ингредиентом для создания страниц.

Чтобы вызвать каркас, все, что вам нужно сделать, это:

 Материал (дочерний элемент: Scaffold (),); 

  import 'пакет: f  lutter/material.dart '; void main () {runApp (MyApp ());} class MyApp extends StatelessWidget {@override Widget build (BuildContext context) {return MaterialApp (home: SafeArea (child: Scaffold (appBar: AppBar (backgroundColor)  : Colors.amber), тело: Center (), FloatingActionButton: FloatingActionButton (onPressed: () {}, backgroundColor: Colors.amber, дочерний элемент: Icon (Icons.play_arrow),),),),);  }}  

Пример кода, иллюстрирующий базовую рамку каркаса

Заключение

Надеюсь, эта статья помогла объясните вам строительные леса во Flutter. Важно понимать концепцию каркасов во Flutter, чтобы вы могли использовать ее для создания потрясающих приложений.


Пожалуйста, отправьте мне DM в Twitter, если вам нужно, чтобы я объяснил понятия вам лучше. У меня есть метафора, в которой используются овощи!

Спасибо за чтение.

Ciao!

Оцените статью
nanomode.ru
Добавить комментарий