Flutter Tutorial - Instagram UI Clone | Part 3 - New UI design, RichText, TextSpan, Widget function
In this part, we will finish the widget function that we started previously. We will use interesting new widgets, such as RichText and TextSpan to handle the trickiest part of the app.
Plus, I will tell you how to modify the app to look like the current version of Instagram! (Instagram released a new UI design since the last episode!)
☕ To support my work, buy me a coffee: https://www.buymeacoffee.com/mercihohmann
? You can find the blog post version on my website: https://www.mercicodes.com
? Starter project in my repo: https://github.com/mercihohmann/flutter-instagram-ui-clone-starter
? The code we ended up with by the end of this part: https://github.com/mercihohmann/flutter-instagram-ui-clone-homescreen-part3
? Resources we're using:
RichText: https://api.flutter.dev/flutter/widgets/RichText-class.html
TextSpan: https://api.flutter.dev/flutter/painting/TextSpan-class.html
Timestamps:
0:00 - Intro
1:10 - Icon Row
3:59 - Number of likes
4:58 - Caption of the post
7:46 - Number of comments
8:50 - Comment section
10:48 - Add a comment section
13:13 - Last step: day counter
15:04 - Modifying the AppBar & NavBar
16:17 - Congrats! Show me your app!
#FlutterTutorial#InstagramUIClone#Part3
?For More Follow Me on Instagram - https://www.instagram.com/mercihohmann/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Flutter Tutorial - Instagram UI Clone | Part 3 - New UI design, RichText, TextSpan, Widget function», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.