Journal

Tag

#ios · Page 5

Build a Starlink Dish Alignment Compass UI in SwiftUI: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Build a Starlink Dish Alignment Compass UI in SwiftUI

A dish alignment compass aims an antenna using the phone's heading and tilt. Here is how to build the Starlink dish alignment compass UI in SwiftUI with two sensors.

Lawrence Arya · June 8, 2026
Build a Stablecoin Remittance Send-Money Flow Screen: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 7 min read

Build a Stablecoin Remittance Send-Money Flow Screen

A stablecoin remittance app sends money cross-border below the ~6% average. Here is how to build the send-money flow UI, with the compliance handled correctly.

Lawrence Arya · June 8, 2026
Build a Strava 3D Flyover Map Summary in React Native: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 6 min read

Build a Strava 3D Flyover Map Summary in React Native

A Strava 3D flyover replays your route as an animated camera over a tilted map. Here is how to build the flyover map summary in React Native with Mapbox.

Lawrence Arya · June 8, 2026
Use Apple Intelligence On-Device Models in SwiftUI: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Use Apple Intelligence On-Device Models in SwiftUI

Apple Intelligence lets a SwiftUI app call an on-device model with the Foundation Models framework. Here is a working example, with the honest limits included.

Lawrence Arya · June 8, 2026
Build a Swapfiets-Style Subscription App in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 8 min read

Build a Swapfiets-Style Subscription App in React Native

A subscription-service app is one where the subscription is the product. Here is how to build the Swapfiets-style app in React Native, billing included.

Lawrence Arya · June 8, 2026
Build a Custom Keyboard Extension Template in SwiftUI: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 7 min read

Build a Custom Keyboard Extension Template in SwiftUI

A custom keyboard is an app extension with real constraints. Here is how to build a custom keyboard extension in SwiftUI, from the key layout to Full Access.

Lawrence Arya · June 8, 2026
macOS Catalyst App Template: Catalyst or Native?: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 8 min read

macOS Catalyst App Template: Catalyst or Native?

Catalyst, native macOS, or Designed for iPad: the choice is effort versus Mac feel. Here is how to decide and build a Mac-native Catalyst app template.

Lawrence Arya · June 8, 2026
Build a SwiftUI Photo Gallery Grid with Pinch to Zoom: a glass iPhone app-grid icon on a mint and teal gradient
Guides 6 min read

Build a SwiftUI Photo Gallery Grid with Pinch to Zoom

A SwiftUI photo gallery has two pinch gestures: pinch the grid to change density, pinch a photo to zoom. Here is how to build both with LazyVGrid and bounded zoom.

Lawrence Arya · June 8, 2026
Build a Swipe-to-Buy Button Animation in React Native: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

Build a Swipe-to-Buy Button Animation in React Native

A swipe-to-buy button slides to confirm a purchase, preventing accidental taps. Here is how to build the animation in React Native with Reanimated and gestures.

Lawrence Arya · June 8, 2026
Build Infinite Scroll in React Native with TanStack Query: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Build Infinite Scroll in React Native with TanStack Query

TanStack Query handles paging, a virtualized list handles rendering. Here is how to build infinite scroll in React Native with useInfiniteQuery and FlashList.

Lawrence Arya · June 8, 2026
What a Telehealth Consultation App UI Kit Needs (iOS): a glass iPhone app-grid icon on a mint and teal gradient
Guides 9 min read

What a Telehealth Consultation App UI Kit Needs (iOS)

A telehealth app is a full consultation flow, not just a video screen, and patient data is regulated. Here is what the iOS UI kit needs, and where to get one.

Lawrence Arya · June 8, 2026
Build a TikTok-Style Vertical Video Pager in SwiftUI: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 8 min read

Build a TikTok-Style Vertical Video Pager in SwiftUI

A TikTok pager's hard part is player management, not the swipe. Here is how to build the vertical video pager in SwiftUI without overlapping audio or lag.

Lawrence Arya · June 8, 2026
Build a Toss-Style Banking App UI Clone in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 8 min read

Build a Toss-Style Banking App UI Clone in React Native

Toss feels premium because of minimalism and micro-animation, not its brand. Here is how to build a Toss-style banking app UI clone in React Native.

Lawrence Arya · June 8, 2026
Build a Twitch-Style Chat Overlay for React Native Video: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 8 min read

Build a Twitch-Style Chat Overlay for React Native Video

A Twitch-style chat overlay has to stay smooth while a busy chat floods over live video. Here is how to build the chat overlay in React Native without lag.

Lawrence Arya · June 8, 2026
Untangle a FlutterFlow Export and Run the Bare Source: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 7 min read

Untangle a FlutterFlow Export and Run the Bare Source

A FlutterFlow export is a complete Flutter project, not React Native. Here is how to open it in an IDE, add your own Firebase, and run the bare source cleanly.

Lawrence Arya · June 8, 2026
Build a visionOS-Style Window and Drag Bar on iOS: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 8 min read

Build a visionOS-Style Window and Drag Bar on iOS

On visionOS the window drag bar is system chrome you do not draw. Here is how to replicate the visionOS window look on iOS, and what is actually real.

Lawrence Arya · June 8, 2026
Build a WHOOP-Style Recovery Score Dial in SwiftUI: a reflective 3D App Store icon on a blue and purple gradient
Guides 9 min read

Build a WHOOP-Style Recovery Score Dial in SwiftUI

A WHOOP-style recovery dial is a circular gauge, but the score behind it is a derived metric. Here is how to build the recovery score radial dial in SwiftUI.

Lawrence Arya · June 8, 2026
Cursor AI for Native SwiftUI: A Mobile Tutorial: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Cursor AI for Native SwiftUI: A Mobile Tutorial

Cursor writes, Xcode builds. The honest SwiftUI workflow keeps each tool in its lane and treats the green Xcode build as proof, not the AI's confidence.

Lawrence Arya · June 7, 2026
iOS Share Extension UI Template for React Native: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

iOS Share Extension UI Template for React Native

The extension is a separate native process, not your RN app: a light capture sheet, an App Group bridge, and the heavy work deferred to the main app.

Lawrence Arya · June 7, 2026
Native iOS Settings Page Boilerplate in SwiftUI: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Native iOS Settings Page Boilerplate in SwiftUI

Settings is review-critical and AI builders generate it worst: a grouped native List, persisted toggles, required account-deletion and legal rows, done right.

Lawrence Arya · June 7, 2026
React Native Screen Recording Prevention on iOS: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

React Native Screen Recording Prevention on iOS

iOS cannot hard-block screen recording. You detect capture and react with a privacy overlay. It is a deterrent layer, not absolute security, so do not overclaim it.

Lawrence Arya · June 7, 2026
Restore Purchases Button Missing: The App Store Rejection Fix: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Restore Purchases Button Missing: The App Store Rejection Fix

Guideline 3.1.1 requires a restore mechanism, and AI paywalls omit it. The fix: a visible Restore control, a call to the restore API, and honest state handling.

Lawrence Arya · June 7, 2026
Seed Phrase Recovery Screen: An iOS Security Template: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Seed Phrase Recovery Screen: An iOS Security Template

The seed phrase is the wallet, so its recovery screen is a security ceremony: generate on-device, reveal deliberately, force confirmation, and never transmit it.

Lawrence Arya · June 7, 2026
Can AI Make an iOS App? The 2026 Expo Workflow: a glass iPhone app-grid icon on a mint and teal gradient
Guides 10 min read

Can AI Make an iOS App? The 2026 Expo Workflow

Yes, AI can make a real iOS app for the App Store using React Native and Expo. The 2026 workflow end to end, which builders work, costs, and passing review.

Lawrence Arya · June 5, 2026