Splash Image for Bubble Mobile

✅

Link to the plugin page: https://zeroqode.com/plugin/splash-image-for-bubble-mobile-1747900374577x964989046423363700

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-02.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=splash_image

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-02&tab=Design&name=splash_image&type=page&version=live

Introduction

Splash Image is a plugin designed for mobile applications built on the Bubble platform. It allows developers to display a customizable splash screen with an image when users open your mobile app. The plugin provides options to control the splash screen's appearance, timing, animation style, and visibility. This is perfect for creating professional app launch experiences, displaying logos, and providing smooth transitions between app states.

Prerequisites

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/phtrt5zv

⚠️

Please note that the testing app is currently available for iOS only.

How to setup

Setting up the Splash Image plugin is straightforward:

Install the plugin from the Bubble plugin marketplace.

Add the "Splash Image Mobile" element to your mobile page.

Configure the element's properties (image, timing, animation, etc.).

The splash screen will automatically appear when the page loads if "Close on timeout" is checked.

👉

No additional API keys or external services are required.

Plugin Element Properties

The plugin contains a single visual element called "Splash Image Mobile" that can be placed on a mobile page.

Splash Image Mobile

Element fields

Title	Description	Type
Close on timeout	If checked, the Splash Image will be automatically hidden after first loading on the page and calling "Show" action after time indicated in the "Timeout" field. Otherwise, the Splash Image should be hidden by calling "Hide" action.	Yes/No
Timeout	The time in milliseconds to show the Splash Image.	Number
Image	The image that will be displayed in the center of Splash Image.	Image
Image size (%)	The image size in %. Note: Accepted values between [0, 100].	Number
Background color	The background color of Splash Image.	Color
Animation type	Behavior of animation of Splash Image. Options: none, slide, fade.	Dropdown

Element actions

Show — This action is used to show the Splash Image.

Hide — This action is used to hide the Splash Image.

Exposed states

Name	Description	Type
is visible	Indicates that the Splash Image is visible or not.	Yes/no

Element events

Name	Description
is shown	This event is triggered when the element becomes visible.
is hidden	This event is triggered when the element becomes hidden.