Dynamic Image (open page)

Does anyone know if its possible to make the a Dynamic Image when open the app from devices for exmaple such as netflix when the app opens

In the search engine, there is a tutorial made by a member of the community who dynamically made it and made a small video. In reality, there are not many tutorials on how to do this effect.

But here are some ideas while in the community they give you more examples and options for you to start with style and dynamics:

1). Go to “AUTH + ENABLE AUTHENTICATED + CHOOSE INITIAL VIEW”. You must choose the page where your animation will be located that will start for the first time when they open the app. Remember that the new page created, which is the “LOGIN IN” page, leave it quiet and do not delete anything, since it is to provide us with the logical component that will be installed on the “LOGIC + INSTALLED + DISMISS INITIAL VIEW” side (This component can be installed from the store in case you uninstall it, but keep in mind that it will not work if you deactivate or delete the page created in authentication, do not worry when compiling that in AppGyver it will not take it into account, it will weigh almost the same if the authentication page is or is not).

2). Go to “NAVIGATION”: If the navigator is activated or not, you must activate it for a moment to choose the page that will be the landing page after the animated start finishes. In the image is an example, where I chose the page “HOME” and gave it a name to identify it in case you have the navigation bar activated (Remember that at this point you should already have a page created as “HOME” and thus be able to search for it in “NAVIGATION”).

3). Create a blank page (That is, the page chosen in the first image called “PAGE ANIMATION” it is better to create this step first before activating the authentication of the first step): Use images, texts, animations with Lottie, times and effects on the page of how you want the start to look for the first time. Then, in this first image, you will see the creation, configurations and components that were used and the final result, and then the logical component that is used on the page you are going to animate and that after a while goes to the HOME page.

In the example of this image at the bottom are the logical components such as:

. “DELAY” to give the time it takes for the animation to pass to the next screen.

. “NAVIGATION” is where we have chosen the “HOME” page where it will open after an animated start.

. “DISMISS INITIAL VIEW” is the component that gives us when the authenticator is created and serves to discard a screen or page and that the animated start does not reappear and that the app closes better if they are on the “HOME” page.

4). Go to “LAUNCHE + DISTRIBUTE + OPEN BUILD SERVICE” and preferably the backgrounds that are pure whites (It is not recommended to put other types of backgrounds because by default “COMPOSER” shows a Spinner and a white background when it appears, the idea is that the user has a more elegant experience when starting the app for the first time). Next, an image: