10款顶级iOS应用同款欢迎动画，开箱即用的React Native启动屏组件库

昆仑开源易选

2026-08-11 0 63

还在为App冷启动时的空白屏发愁？这款开源项目将苹果生态中广受好评的欢迎动画——从Notion、Headspace到Duolingo的经典动效——完整复刻为可直接集成的React Native组件。它不是静态设计稿，而是真正可运行、可调试、可定制的交互动画代码，帮你3分钟内告别“白屏尴尬”，大幅提升用户首次打开App时的第一印象与留存意愿。

核心功能

10套精雕细琢的欢迎动画：涵盖渐变入场、视差滚动、路径描边、粒子浮现、3D翻转等高级动效，全部基于真实爆款App界面还原
开箱即用的Expo兼容方案：深度适配Expo SDK 57+，无需原生配置，npm install后即可在Expo Go或真机上实时预览
TypeScript全类型支持：每个组件都配备严格类型定义，Props接口清晰，IDE智能提示完善，大幅降低集成成本
模块化设计结构：每个欢迎屏独立封装为自包含组件（如WelcomeScreen01），支持按需导入，避免冗余打包
设计系统友好集成：提供Figma设计资源链接与动效参数文档（持续帧率、缓动曲线、颜色变量），方便设计师与开发者协同落地
零依赖轻量实现：仅依赖React Native Reanimated v3与Expo Animations，无WebGL或复杂渲染引擎，保障低端安卓机流畅运行

适合哪些人用

这款工具专为移动应用开发者和UI/UX设计师打造：如果你正在用React Native开发跨平台App，尤其是面向iOS用户的高质量产品；如果你负责App首次启动体验优化，却苦于动效开发周期长、性能难保障；或者你是设计团队成员，需要将高保真动效方案快速交付给开发团队落地——那么这套组件库就是为你量身定制的“动效加速器”。

快速上手

只需三步即可在你的Expo项目中启用：

执行命令安装：npm install @appllama/top-welcome-screens（或yarn/pnpm）
在任意页面中导入并使用，例如：import { WelcomeScreen03 } from '@appllama/top-welcome-screens';
将组件嵌入路由或启动流程：<WelcomeScreen03 onDone={() => navigation.replace('Home')} />

项目还内置了完整的Expo Gallery示例应用，克隆仓库后运行npx expo start即可交互式浏览全部10种动画效果，并一键复制对应代码片段。