Chat App using SwiftUI - [Speed Code]
Wondering How To develop a Chat App using SwiftUI? In this Speed Code Tutorial you will learn how to create a messages app using the Whatsapp UI design.
I will also show you how to create a chat bubbles view most known from popular apps like Whatsapp or Apples Messaging app. Furthermore we are using SwiftUI 3.0 features like the Searchbar or custom Swipe Actions provided with SwiftUI Lists.
You will also learn how to implement an auto scroll animation to newly sent messages. This is a more advanced feature in SwiftUI, but it is very simple to implement in our chat app.
Last but not least I show you how to group messages so that we can display SwiftUI section headers with the current date. This is a very important feature in a messages app, because it improves the User Experience a lot.
In this SwiftUI Tutorial we will be working with XCode 13 beta and SwiftUI 3.0
► Source Code: https://www.patreon.com/posts/53160728
? SUPPORT ME ON PATREON:
https://www.patreon.com/haipp
► WATCH NEXT:
○ Create a Modal Popup: https://youtu.be/IVbPgdUx5gM
○ Create an App with SwiftUI 3.0: https://youtu.be/xA66J65lS5M
○ Create a Pinterest Grid: https://youtu.be/TvkmI4CXsh0
○ Master SwiftUI LazyGrids: https://youtu.be/F-PcYUgUySk
► SOCIAL MEDIA
Instagram: https://www.instagram.com/thisishaipp
TIMESTAMPS:
00:00 Intro
00:26 Setting Up
01:04 Adding Chat Row View
03:28 Adding Data Model
06:04 Transforming Static Chat Rows to Dynamic Ones
07:31 Adding Descriptive Date Strings
10:34 Adding SwiftUI Searchbar
11:16 Adding ViewModel
14:24 Adding Chat View
16:03 Adding SwiftUI Swipe Action
18:36 Adding Messages View - Chat Bubble
21:34 Adding SwiftUI Toolbar View
26:08 Adding Auto Scroll to Message
28:49 Adding SwiftUI Navigationbar Buttons
31:15 Adding SwiftUI Section Headers
? Join the Discord Community Server:
https://discord.gg/weygDZwgZH
? Music:
https://www.epidemicsound.com
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Chat App using SwiftUI - [Speed Code]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.