Journal

Tag

#ios · Page 26

智能药盒吃药提醒 React Native 组件: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

智能药盒吃药提醒 React Native 组件

把吃药提醒 App 拆成 React Native 组件:用药时间表、强提醒、服药记录、家人共享,提醒用 expo-notifications。VP0 免费起步。

Lawrence Arya · May 30, 2026
短剧 App 前端 UI 分集购买裂变模板:留得住才付费: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 3 min read

短剧 App 前端 UI 分集购买裂变模板:留得住才付费

短剧 App 前端核心是好刷的竖屏播放、顺滑的分集解锁付费、能传播的裂变。用 VP0 挑短视频内容付费原生设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
底部 Tabbar iOS 原生风格模板:最高频的导航: a glass iPhone app-grid icon on a mint and teal gradient
Guides 3 min read

底部 Tabbar iOS 原生风格模板:最高频的导航

底部 Tabbar 是 iOS 最高频的导航,原生味在图标、选中态、安全区这些细节里。用 VP0 挑原生 Tabbar 设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
日历选择器 SwiftUI 移动端模板:单选范围都要对: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 3 min read

日历选择器 SwiftUI 移动端模板:单选范围都要对

日历选择器是高频控件,单选、范围、标记、切月都要做对。简单用 SwiftUI DatePicker,复杂日历用 VP0 设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
空状态页面插画 React Native 组件做法: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

空状态页面插画 React Native 组件做法

把空状态封成 React Native 组件,按无数据、搜索无果、出错给不同插画和引导,插画用 Lottie。VP0 免费起步。

Lawrence Arya · May 30, 2026
日历选择器 React Native 组件做法: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

日历选择器 React Native 组件做法

用 React Native 做日历选择器,处理单选、范围选、禁用日和今天高亮,封成可复用组件。VP0 免费起步。

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
空状态页面插画移动端 UI 模板:把空白变引导: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

空状态页面插画移动端 UI 模板:把空白变引导

空状态最容易被忽视,却常是新用户第一眼看到的页面。用 VP0 挑带空状态的原生设计喂给 AI 生成,把空白变成温和的引导。

Lawrence Arya · May 30, 2026
键盘遮挡输入框 React Native 修复模板: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

键盘遮挡输入框 React Native 修复模板

键盘弹出挡住输入框是 React Native 的高频坑。用 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
iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 3 min read

iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要

iOS 毛玻璃弹窗好看的关键在层次和对比,不是调低透明度。免费做法是用 VP0 挑个带毛玻璃的原生设计,喂给 Cursor 或 Claude Code 生成代码。

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
支付成功动画 iOS 弹窗模板:关键的确认时刻: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 3 min read

支付成功动画 iOS 弹窗模板:关键的确认时刻

支付成功那一下是关键的确认时刻,要即时、明确、让人安心。用 VP0 挑支付成功反馈的原生设计喂给 AI 生成,三种状态都要做。

Lawrence Arya · May 30, 2026
OTP 验证码输入框移动端 UI 模板:卡在转化最后一米: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

OTP 验证码输入框移动端 UI 模板:卡在转化最后一米

OTP 验证码输入框最影响转化:自动聚焦、短信自动填充、粘贴拆分、倒计时重发。免费做法是用 VP0 挑个原生设计喂给 AI 生成。

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
下拉刷新丝滑动画移动端源码:靠的是手感细节: a glass iPhone app-grid icon on a mint and teal gradient
Guides 3 min read

下拉刷新丝滑动画移动端源码:靠的是手感细节

下拉刷新做得丝滑,靠阻尼感、触发时机和克制的原生动画,不是套个转圈。用 VP0 挑带下拉刷新的原生设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
H5 移动端变原生 iOS 风格 React Native: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

H5 移动端变原生 iOS 风格 React Native

用 React Native 把 H5 移动端改造出原生 iOS 质感,关键在间距、字阶、手势这些容易被跳过的细节。VP0 免费起步。

Lawrence Arya · May 30, 2026
H5 移动端变原生 iOS 风格组件库:怎么对齐: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

H5 移动端变原生 iOS 风格组件库:怎么对齐

H5 套壳一眼就是网页?让它像原生 iOS,要对齐控件、滚动、字体间距和深色。用 VP0 原生设计当标准,照着做组件最接近原生。

Lawrence Arya · May 30, 2026
全面屏适配手机 UI 壳子组件下载:安全区是关键: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

全面屏适配手机 UI 壳子组件下载:安全区是关键

全面屏没适配好,内容被刘海挡、被手势条压,一眼廉价。用 VP0 拿适配好全面屏的原生设计当标准,用安全区布局而非固定间距。

Lawrence Arya · May 30, 2026
Taro Uniapp 输出怎么套原生 UI React Native: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Taro Uniapp 输出怎么套原生 UI React Native

Taro、uniapp 默认输出显糙,用 React Native 思路对照原生标准统一间距、字阶、转场就能治。VP0 免费起步。

Lawrence Arya · May 30, 2026
H5 套壳小程序加移动双端页面源码:体验怎么救: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

H5 套壳小程序加移动双端页面源码:体验怎么救

H5 套壳做 App 加小程序双端省成本,但容易丢原生质感。从一个 VP0 原生设计起步,对齐滚动、控件和深色,能减轻「网页感」。

Lawrence Arya · May 30, 2026
小程序套壳变 iOS 原生 React Native 做法: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

小程序套壳变 iOS 原生 React Native 做法

与其把小程序套壳,不如用 React Native 把页面骨架重做成 iOS 原生极简风。逻辑可留,视觉和交互彻底换。VP0 免费起步。

Lawrence Arya · May 30, 2026
Taro Uniapp 写出来很丑怎么套原生 UI: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Taro Uniapp 写出来很丑怎么套原生 UI

Taro、uni-app 默认组件丑、不像原生,是跨端取最大公约数的取舍。用 VP0 拿原生 iOS 设计当标准,覆盖框架默认样式就好看了。

Lawrence Arya · May 30, 2026
小程序套壳变成 iOS 原生极简风格模板:细节见真章: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 3 min read

小程序套壳变成 iOS 原生极简风格模板:细节见真章

小程序套壳又想要 iOS 原生极简,张力在于极简最考验细节。用 VP0 拿原生极简设计当标准,对齐控件、排版、深色和安全区。

Lawrence Arya · May 30, 2026