Journal

Tag

#react-native · Page 22

裸辞做独立开发 免费 UI 源码救命合集: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

裸辞做独立开发 免费 UI 源码救命合集

裸辞做独立开发,时间和钱都紧。与其买模板,不如用 VP0 免费设计库挑干净界面,交给 Cursor 重建自己的代码。

Lawrence Arya · May 30, 2026
React Native Shadcn 移动端平替组件库:要够原生: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 3 min read

React Native Shadcn 移动端平替组件库:要够原生

shadcn 是 Web 的,搬到 React Native 不直接可用。要找移动端平替,用 VP0 拿原生设计当基准,让 AI 生成贴合 RN 的组件,比硬搬 Web 组件原生。

Lawrence Arya · May 30, 2026
React Native 移动端页面模板源码:成套要风格一致: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

React Native 移动端页面模板源码:成套要风格一致

想要成套的 React Native 页面模板源码?零散开源模板拼起来常不搭。用 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 4 min read

老人关怀版特大按钮 App UI 模板

给长辈做 App,大按钮、大字、强对比是底线。用 VP0 免费 iOS / React Native 设计库挑个干净布局,喂给 Cursor 重建适老界面。

Lawrence Arya · May 30, 2026
短剧 App 前端 React Native 组件做法: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

短剧 App 前端 React Native 组件做法

把短剧 App 拆成 React Native 组件:竖屏播放、卡点解锁、分销各管一摊。用 VP0 免费设计起步,交给 Cursor 生成。

Lawrence Arya · May 30, 2026
底部 Tabbar React Native 组件做法: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

底部 Tabbar React Native 组件做法

用 React Native 做 iOS 原生风底部 Tabbar,靠 react-navigation 自定义 tabBar、角标、中间凸起按钮。VP0 免费起步。

Lawrence Arya · May 30, 2026
智能药盒吃药提醒 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
底部 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
空状态页面插画移动端 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 毛玻璃弹窗 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
支付成功动画 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
下拉刷新丝滑动画移动端源码:靠的是手感细节: 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
全面屏适配手机 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
移动端套壳 React Native 原生体验模板:照标准打磨: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 3 min read

移动端套壳 React Native 原生体验模板:照标准打磨

「套壳要原生体验」靠照原生标准打磨细节。用 VP0 拿真实 iOS 原生设计当目标,对齐 React Native 的导航、手势、性能和手感。

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