The implementation does not follow the Tauri docs.
The difference is that the Tauri docs suggest to add separate splashscreen.html in distDir (src/public/splashscreen.html), and then toggle between splashscreen and main view (src/public/index.html React app) using the Tauri command.
In this PR, the splashscreen is built as another div in the index.html that covers main application. Then, the React app hides the splashscreen by changing its display style to none. This implementation allows to apply fade out animation on the splashcreen.
tarnas14
commented
2 years ago
Description
The implementation does not follow the Tauri docs. The difference is that the Tauri docs suggest to add separate
splashscreen.htmlin distDir (src/public/splashscreen.html), and then toggle between splashscreen and main view (src/public/index.htmlReact app) using the Tauri command.In this PR, the splashscreen is built as another div in the
index.htmlthat covers main application. Then, the React app hides the splashscreen by changing itsdisplaystyle tonone. This implementation allows to apply fade out animation on the splashcreen.Motivation and Context
247
How Has This Been Tested?
https://user-images.githubusercontent.com/11715931/178155406-edc09681-52ff-4807-a282-025a5b604352.mov
https://user-images.githubusercontent.com/11715931/178155443-d6f2b8c1-b684-4a98-b7b9-94a9b4bd5842.mov