Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何为Next.js设置启动屏幕;“仅限移动设备”;网络应用?_Reactjs_Spring_Animation_Next.js_Splash Screen - Fatal编程技术网

Reactjs 如何为Next.js设置启动屏幕;“仅限移动设备”;网络应用?

Reactjs 如何为Next.js设置启动屏幕;“仅限移动设备”;网络应用?,reactjs,spring,animation,next.js,splash-screen,Reactjs,Spring,Animation,Next.js,Splash Screen,我的Next.js“mobile only”应用程序即将完成,只剩下一件事。。。 闪屏 我完全不知道应该从哪里开始实施 这是我的应用程序文件夹组织: 这就是我的想法: 重命名“home.js”中的实际index.js 创建一个新的页面index.js 在其中创建动画(带弹簧) 在动画结束时,将router.push设置为home.js 但是: 我的所有动画都应该处于绝对位置,以便在app.js中悬停我的布局 “/”将仅用于启动屏幕 我需要一些帮助来设置此功能的最佳文件配置。 有什么想法

我的Next.js“mobile only”应用程序即将完成,只剩下一件事。。。 闪屏

我完全不知道应该从哪里开始实施

这是我的应用程序文件夹组织:

这就是我的想法:

  • 重命名“home.js”中的实际index.js
  • 创建一个新的页面index.js
  • 在其中创建动画(带弹簧)
  • 在动画结束时,将router.push设置为home.js
但是:

  • 我的所有动画都应该处于绝对位置,以便在app.js中悬停我的布局
  • “/”将仅用于启动屏幕
我需要一些帮助来设置此功能的最佳文件配置。 有什么想法吗

谢谢你的帮助