Journal

Tag

#原生

AI 助手界面 SwiftUI 原生风格做法: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

AI 助手界面 SwiftUI 原生风格做法

用 SwiftUI 原生重建 AI 助手界面,靠 @State 管流式、ScrollViewReader 自动滚到底。用 VP0 免费设计起步,交给 Claude 生成。

Lawrence Arya · May 30, 2026
ChatGPT 前端 SwiftUI 原生风格做法: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

ChatGPT 前端 SwiftUI 原生风格做法

用 SwiftUI 原生做 ChatGPT 式前端,靠 AttributedString 渲染 Markdown、LazyVStack 扛长会话。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
大模型对话暗色 UI SwiftUI 原生做法: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

大模型对话暗色 UI SwiftUI 原生做法

用 SwiftUI 原生做大模型对话的暗色界面,靠语义色和 preferredColorScheme 一套代码通吃浅深。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
仿抖音短视频信息流 SwiftUI 原生做法: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

仿抖音短视频信息流 SwiftUI 原生做法

用 SwiftUI 原生做抖音式全屏短视频流,靠 TabView 竖向分页加 VideoPlayer、预加载下一条。VP0 免费起步。

Lawrence Arya · May 30, 2026
小红书瀑布流 SwiftUI 原生实现做法: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

小红书瀑布流 SwiftUI 原生实现做法

用 SwiftUI 原生做小红书式双列瀑布流,靠分列高度均衡加 AsyncImage 占位。用 VP0 免费设计起步,交给 Claude 生成。

Lawrence Arya · May 30, 2026
高仿微信首页聊天布局 SwiftUI 原生: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

高仿微信首页聊天布局 SwiftUI 原生

用 SwiftUI 原生做微信式会话首页,靠 List 加 swipeActions 实现侧滑操作。学结构而非照抄,VP0 免费起步。

Lawrence Arya · May 30, 2026
京东分类双滚动列表 SwiftUI 原生做法: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 4 min read

京东分类双滚动列表 SwiftUI 原生做法

用 SwiftUI 原生做京东式分类双滚动,靠 ScrollViewReader 做左右联动、scrollTo 跳段。VP0 免费起步。

Lawrence Arya · May 30, 2026
数字身份钱包 SwiftUI 原生卡片做法: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

数字身份钱包 SwiftUI 原生卡片做法

用 SwiftUI 原生做数字身份钱包,靠卡片层叠加 matchedGeometryEffect 展开、生物识别守门。VP0 免费起步。

Lawrence Arya · May 30, 2026
大疆控制器移动端界面 SwiftUI 原生做法: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

大疆控制器移动端界面 SwiftUI 原生做法

用 SwiftUI 原生做无人机控制器界面,实时画面做底层、飞行参数浮层、返航安全最醒目。VP0 免费起步。

Lawrence Arya · May 30, 2026
智能家居控制面板 SwiftUI 原生做法: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

智能家居控制面板 SwiftUI 原生做法

用 SwiftUI 原生做智能家居控制面板,设备卡用 Grid、场景一键切换、开关即时反馈。VP0 免费起步。

Lawrence Arya · May 30, 2026
小米 SU7 车机中控 SwiftUI 原生做法: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

小米 SU7 车机中控 SwiftUI 原生做法

用 SwiftUI 原生做 SU7 式车机中控,靠 Gauge 显能量、超大 Text 显车速、Grid 分区。用 VP0 免费设计借鉴起步。

Lawrence Arya · May 30, 2026
税务发票移动端 SwiftUI 原生表单做法: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

税务发票移动端 SwiftUI 原生表单做法

用 SwiftUI 原生做开票表单,靠 Form 加实时校验、抬头一键带入、状态明确。VP0 免费起步,交给 Claude 生成。

Lawrence Arya · May 30, 2026
空状态页面 SwiftUI ContentUnavailableView: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

空状态页面 SwiftUI ContentUnavailableView

SwiftUI 做空状态,用原生 ContentUnavailableView 一行就出,无数据、搜索无果、出错各给不同引导。VP0 免费起步。

Lawrence Arya · May 30, 2026
iOS 毛玻璃弹窗 SwiftUI 原生做法: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

iOS 毛玻璃弹窗 SwiftUI 原生做法

用 SwiftUI 原生做毛玻璃弹窗,靠 Material 一行搞定模糊、presentationDetents 控制半屏。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
OTP 验证码输入 SwiftUI 原生做法: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

OTP 验证码输入 SwiftUI 原生做法

用 SwiftUI 原生做验证码输入框,靠 FocusState 管焦点、onChange 自动跳格、numberPad 键盘。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
下拉刷新丝滑动画 SwiftUI 原生做法: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

下拉刷新丝滑动画 SwiftUI 原生做法

SwiftUI 做下拉刷新,一个 refreshable 修饰符就够,配 async 异步加载。用 VP0 免费设计起步,交给 Claude 生成。

Lawrence Arya · May 30, 2026
PWA 转 iOS App 壳 React Native 做法: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

PWA 转 iOS App 壳 React Native 做法

用 React Native 把 PWA 包成 iOS App 壳,配好启动图、全屏、边缘返回手势,消除网页痕迹。VP0 免费起步。

Lawrence Arya · May 30, 2026
WebView 套壳做出苹果级 UI React Native: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

WebView 套壳做出苹果级 UI React Native

用 React Native 把 WebView 应用做出苹果级质感,关键是分层:导航交给原生、内容用 WebView。VP0 免费起步。

Lawrence Arya · May 30, 2026