1500+ 个现成的 React Native 移动应用界面

推广伙伴

实时预览,运行的正是提示词中携带的代码

Interval Session Detail

详情界面健身与训练更新于 2026年9月13日v2

A threshold interval session drawn on a time axis: ten blocks laid end to end, each placed by its cumulative start, sized by its minutes and raised and coloured by its zone. The total reduces from the blocks, the planned time in zone reduces from the same blocks and sums back to it, zones three and five are shown genuinely empty rather than hidden, and every target heart rate range is computed from the zone bands.

粘贴到 Claude Code、Cursor 或 Windsurf 中,它会在你的应用中 1:1 构建这个界面。

提示词包含的内容全部内联,无需联网获取

screen.tsx
完整写出,即贴即用
567 行
Inter
Regular, Medium, Semi Bold, Bold, Extra Bold
来自 @expo-google-fonts
集成规则
1:1 交付,绝不改成你现有的主题
SDK 52+

这个设计遵循的规则

它完全按照预览效果交付:相同的颜色、相同的字体、相同的文案、相同的动效。提示词会指示你的代理照此构建,而不是让它适配你现有的主题。

标签

Interval 应用

同一应用还有 11 个设计整个 Interval 应用

更多详情界面

查看分类
Interval Session Detail | Clevens