Recreate

Share this post
Recreate the Messages App (iOS 14) - Part III
recreatecode.substack.com

Recreate the Messages App (iOS 14) - Part III

Using SwiftUI and Swift Playgrounds on iPad

Nav Singh
Jul 14, 2020
1
Share this post
Recreate the Messages App (iOS 14) - Part III
recreatecode.substack.com

Let’s recreate the Messages App - Part III (Chat Bubble) using SwiftUI and Swift Playgrounds on iPad.

Video

Code

View code on GitHub

Final Result

Notes:

Video tutorial only covers drawing the tail towards the bottom left on purpose, which is for incoming messages. Challenge yourself to convert the incoming chat bubble to an outgoing chat bubble by drawing the tail on the bottom right, rounding the bottom left corner, and modifying the color scheme accordingly. As a next step, change the part II code to use your newly created chat bubble as custom shape.

Thanks for reading and watching!

Share this post
Recreate the Messages App (iOS 14) - Part III
recreatecode.substack.com
Comments

Create your profile

0 subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.

TopNewCommunity

No posts

Ready for more?

© 2022 Recreate
Privacy ∙ Terms ∙ Collection notice
Publish on Substack Get the app
Substack is the home for great writing