Creating the Twitter Spaces UI Feature in Flutter - Roman Just Codes
In this video, I'll show you how to build the UI portion of the Twitter Spaces Feature: the modal that slides up, the user avatars, the emojis that show inside the users' avatars and the emoji selector - All in #Flutter - no additional libraries other than the Provider package (obviously the Material Library) and a few hours to spare.
Enjoy!
Github Repo
https://github.com/romanejaquez/flutt...
00:00 - Intro
01:14 - Create a brand new project from scratch
01:23 - Create a simple project structure for this app
02:46 - Create the Glowing Effect widget
05:42 - Create the TwitterSpaceModal widget
06:21 - Create the TwitterSpaceHeader widget
07:00 - Create the TwitterSpaceTitle widget
07:48 - Create the TwitterSpaceFooter widget
09:38 - Create the TwitterSpaceConversation widget
10:05 - Create the UserModel PODO class
10:44 - Create the TwitterUser widget
11:45 - Create the TwitterUserSpeakingStatus widget
12:33 - Create the TwitterSpaceSoundWaves widget
14:05 - Create the TwitterUserAvatar widget
15:05 - Create a helper Emojis enumeration
15:27 - Create the EmojiService
15:36 - Create the EmojiMessage PODO class
18:08 - Create the TwitterEmojiAnimation widget
24:12 - Create the EmojiSelector widget
26:18 - Creating the EmojiSelectorService
28:14 - Wrap-up
#Flutter #Dart #Twitter #twitterspaces #Provider