Что происходит? Это второй день моего пути к тому, чтобы стать лучшим программистом/разработчиком. Если вы не отслеживали, посмотрите мои предыдущие сообщения в блоге, выполнив поиск «Programming Noob to Legend». Вы найдете мой пост Day 1 и мой пост Origins.
Итак, как обсуждалось в моем предыдущем посте, я решил использовать Flutter, чтобы вывести свои навыки разработки приложений на новый уровень. Изучив основы языка программирования Dart и создав учебное приложение во Flutter, я решил заняться проектом, который действительно поможет мне изучить фреймворк и запачкать руки. Есть и другие вещи, которые я узнал о создании приложения Flutter, но я хочу обсудить, как сделать DrawerLayout, так как это, вероятно, самая сложная вещь, которая у меня есть в моем приложении (LUL). Опять же, я все еще пытаюсь почувствовать Flutter, но я надеюсь, что это будет полезно для всех, кто хочет создать собственное приложение.
Итак, во-первых, вы хотите вернуть виджет Scaffold в свое приложение. Виджет Scaffold, по сути, объединяет приложение и все его элементы. Это включает в себя панель приложений, тело нашего приложения и даже виджет Drawer, который мы собираемся добавить довольно скоро:
Потрясающий! Теперь, когда у нас есть виджет Scaffold, мы теперь можем получить доступ к позиционному аргументу ящика, набрав «ящик» (именованные аргументы PS — это просто маленькие серые слова с двоеточиями рядом с ними, они называются именованными аргументами, потому что у них есть имена) .
Давайте разберем этот код. Мы можем настроить виджет «Тема», чтобы изменить «данные темы». Это позволит нам изменить цвет холста нашего виджета Drawer, как показано выше. Я просто установил цвет ящика на темно-серый. Теперь мы можем установить Drawer в качестве «дочернего элемента» нашего виджета Theme. Аргумент «высота» в виджете Drawer, который вы видите, просто немного приподнимает наш ящик и добавляет эффект тени, чтобы придать приятный эстетический вид. Теперь о мясе и картошке. Вы хотите установить ListView в качестве дочернего элемента Drawer и установить заголовок и несколько плиток списка в качестве дочерних элементов ListView. С этого момента вы можете настроить свой собственный ящик так, как вам нравится. Вы можете добавить классные значки, заголовки для каждого из ваших элементов, изменить цвет холста и т. д. Не стесняйтесь копировать этот код и экспериментировать с ним, чтобы лучше понять этот виджет.
Вот и все. Я надеюсь, что вы нашли этот пост в блоге полезным. Вы можете поспорить на последний доллар, что завтра я опубликую еще один пост (потому что я собираюсь). Кроме того, не забудьте проверить мои предыдущие посты. Мой путь от новичка в программировании до легенды продолжается…
