In this video, you'll learn how to post a text and image message to your personal feed, like a social media app. We'll talk about how to use variables, events, and conditions to pass the user's post data from the post creation page to the feed.
We'll also create a like/unlike button, enable/disable the post button, and track what time the user published each post.
Duplicate the design file:
https://dashboard.createwithplay.com/o/share3/3ebc1744f39778haogF/designTry the prototype in your iPhone via App Clip:
https://appclip.createwithplay.com/3ebc1744f39778haogFLearn more on our support site:
https://docs.createwithplay.com/en/articles/variablesInstall Play for macOS and iOS:
https://createwithplay.com/downloadGet more info on Play, a collaborative design software that combines a familiar canvas with iOS gestures, UI elements, and SwiftUI:
https://www.createwithplay.com#Prototype #DesignTool #CreatewithPlay
00:00 Intro
00:40 Design Header
07:35 Design Post Component
15:09 Design a New Post Button
17:00 Design the Post Page
17:36 Design Header
20:50 Design Post Content
21:45 Text Field vs. Editable Text Element
26:38 Hide Placeholder when Typing
28:44 Auto Open the Keyboard
30:25 Navigate to the Post Page
31:07 Cancel to go Back to the Feed Page
31:50 Save the User’s Post (Post Button)
33:53 Display the User’s Post (Duplicate)
36:06 Display the User’s Post (Fill Content)
39:15 Add an Image to the Post
40:41 Move the Add Image Button Above the Keyboard
42:11 Save the User’s Image (Post Button)
42:55 Display the User’s Image
46:16 Save the Post Time
47:14 Display the Post Time
48:48 Enable/Disable Post Button
50:12 Like/Unlike Post Button
54:45 Share an App Clip