How to cancel the startup page in uniapp

UniApp is a currently popular cross-platform development framework. It merges the development of multiple platforms such as Web, iOS, and Android into one project, making development more efficient and simpler, and provides everyone with development work. Huge convenience. However, when developing using the UniApp framework, the appearance of the startup page may cause you some trouble. This article is to help you solve this problem.

1. What is a startup page?

The startup page is the first interface we see when we open an application. It is also a welcome interface before the application enters the main interface. Its purpose is to create a good first impression on the user. At the same time, you can also display the brand features of the application and so on.

2. The default startup page of UniApp

When you use the UniApp framework for development, the startup page will appear on your application by default, and the interface will be in the form of an application with Picture of the name.

3. Cancel the UniApp default startup page

If you do not want the UniApp default startup page to appear on your application, you can use the following two methods to cancel it.

1. Manually delete the UniApp default startup page image

The image path of the UniApp default startup page is static/splash.png. If you do not need the default startup page, you can directly Just delete the image in the project directory.

2. Use plug-ins to replace the UniApp default startup page

UniApp provides many plug-ins to simplify the development process, including startup page plug-ins. We can use this plug-in to replace UniApp's default startup page.

The specific steps are as follows:

First, open your project in HBuilderX, find the manifest.json file in the left toolbar, and open the file.

Secondly, search the plug-in list of "uni-app", find the "uni-splash-screen" plug-in and install it.

Finally, add the following code snippet to the manifest.json file:

"app-plus": {
    "splashscreen": {
        "autoclose": true,
        "delay": 500,
        "background": "#FFFFFF",
        "imagePath": "/static/splash.png",
        "scaleType": "CENTER_CROP"
    }
}

At this point, we have successfully replaced the default startup page of UniApp.

4. Summary

As the facade of the application, the startup page is not only a reflection of users’ understanding of the brand features and first impression, but also an opportunity for our developers to show their work to users. This article shares two methods to cancel the default startup page of UniApp. I hope it will be helpful to everyone.

The above is the detailed content of How to cancel the startup page in uniapp. For more information, please follow other related articles on the PHP Chinese website!