import SwiftUI

@inncoder

33.0K followers · usually 5.6K views a post

Views

314.3K

Likes

17.8K

Comments

198

Shares

537

Selling · SaaS

Inncoderseen in 9 videos →https://www.inncoder.com ↗

Why it worked

The video showcases a practical UI element (password visibility toggle) implemented in SwiftUI, appealing to developers interested in mobile app development. The clear demonstration of code and its visual output, combined with the creator's branding, makes it easily discoverable and relevant for the target audience.

Summary

The video shows a SwiftUI code snippet for a login screen on the left and a simulated iPhone screen on the right. The iPhone screen displays a login interface with a password field that can be toggled between showing asterisks and the actual password. The creator's handle '@inncoder_' is displayed prominently.

Structure

1Show SwiftUI code for a login screen
2Simulate iPhone login interface
3Demonstrate password visibility toggle
4Display creator's handle and website

Product placement

The video demonstrates a SwiftUI code snippet for a login screen, showcasing a password visibility toggle feature. The creator's handle '@inncoder_' and website 'www.inncoder.com' are displayed.

On-screen text

Original caption

#swiftui #inncoder #swift #mobiledeveloper #ios #iosdeveloper #programming #ui #ux #uiux #apple

More from @inncoder

Their other posts in the index, biggest breakout first.

import SwiftUI struct ContentView: View { @State private var password = "" @State private var showPass = false var body: some View { ZStack { RoundedRectangleCornerRadius(radius: 15) .frame(width: 300, height: 68, alignment: .center) .foregroundColor(.gray.opacity(0.3)) HStack { Image(systemName: showPass ? "lock.open.fill" : "lock.fill") .foregroundColor(.white) if showPass { TextField("Password", text: $password) .foregroundColor(.white) } else { SecureField("Password", text: $password) .foregroundColor(.white) } Image(systemName: showPass ? "eye.slash.fill" : "eye.fill") .foregroundColor(.white) .onTapGesture { showPass.toggle() } } .padding(.horizontal) } .frame(width: 300, height: 68, alignment: .center) } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } struct Diamond: Shape { func path(in rect: CGRect) -> Path { var path = Path() let center = CGPoint(x: rect.midX, y: rect.midY) path.move(to: CGPoint(x: center.x, y: rect.minY)) path.addLine(to: CGPoint(x: rect.maxX, y: center.y)) path.addLine(to: CGPoint(x: center.x, y: rect.maxY)) path.addLine(to: CGPoint(x: rect.minX, y: center.y)) path.closeSubpath() return path } } Instagram: @inncoder TikTok: @inncoder Website: www.inncoder.com