Ionic 5 Animations Controller & Custom Page Transitions

Ionic 5 Animations Controller & Custom Page Transitions

Simon Grimm

4 года назад

28,859 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@user-jc7nd8mb1u
@user-jc7nd8mb1u - 20.07.2023 08:27

my code is ionic 5 in my project it

nav-animation.ts file is not invoked and no console was not printed

would you know why or is there any solution for that

Ответить
@DheerajKhokharkumar
@DheerajKhokharkumar - 10.08.2022 10:20

@Simon Grimm Is it possible to change the animation direction defending on the active page?. Example First Page --> Second direction forward, Second Page --> Third Page direction Backward.

Ответить
@artifectmedia
@artifectmedia - 29.07.2022 09:35

Yes please .. id love some more with ionic6 💥

Ответить
@user-zi3gc2pg5s
@user-zi3gc2pg5s - 28.05.2022 18:06

great tutorial

Ответить
@mdrakibul7903
@mdrakibul7903 - 23.05.2022 20:20

Please do some advanced tutorial on Ionic React

Ответить
@codingtyphoon8830
@codingtyphoon8830 - 09.07.2021 11:58

@SimonGrimm I love your work. your style of explaining is best can you make a video on Shared Animation with list items on ionic it would be very helpful

Ответить
@koustavsarkar3378
@koustavsarkar3378 - 09.07.2021 11:56

@SimonGrimm I greatly appreciate your work. your style of explaining is really awesome can you make a video on Shared Animation with list items on ionic it would be very helpful

Ответить
@Channel-kc7px
@Channel-kc7px - 07.07.2021 12:52

hi simon and thanks for this tutorial ,
did you find any solution to make it works in iOS ?

Ответить
@GustavoJMacielBritez
@GustavoJMacielBritez - 22.04.2021 23:20

Excelent Simon, allways strait to the point and usefull. I was wonder if this can be apply to Ion-tab as well, i tried with all my poor knowlege on Ionic and acomplished nothing xD

Ответить
@Ttvmushygushy
@Ttvmushygushy - 04.04.2021 16:27

this tutorial is fire good looks my brutha

Ответить
@GosuMania
@GosuMania - 28.03.2021 01:15

thanks mate i love it!

Ответить
@BrOrlandi
@BrOrlandi - 12.03.2021 19:17

Hi, there! Great video! I'm having trouble animating page transitions to the same route but with different URL params. Let's say we have a product details page and you click to see the next product page, it's the same Route but with a different product id in the URL. Some internal components are flashing the content because they are in the same route before the animation starts.
Do you have any advice on that?

Ответить
@activiteitenapp9187
@activiteitenapp9187 - 11.03.2021 17:46

Is it possible to use navAnimation for a specific page instead of all pages? Suppose I use this.router.navigate, can I then specify a nav animation somehow?
I want different animations for different pages.

Ответить
@motodankz4838
@motodankz4838 - 23.01.2021 19:16

The problem is to build modal animation. Everything behind the animation disappears.

Ответить
@mustafadagloglu2071
@mustafadagloglu2071 - 17.01.2021 00:19

You saved my day. Thank you!

Ответить
@dannuugomez1981
@dannuugomez1981 - 30.10.2020 21:27

Nice tutorial but
How can I make the animation in when browsing tabs?
I cannot detect the change of tabs.

Ответить
@luismpcunha
@luismpcunha - 05.09.2020 23:27

Great video, how would it be a good way to implement shared element transitions with this approach? Similar to what the Play Store does with images.

Ответить
@casusjoie
@casusjoie - 02.08.2020 02:50

Do it on ionic react

Ответить
@mohitaranwa1626
@mohitaranwa1626 - 21.07.2020 17:35

Hey hi Simon,
Thanks for the video. Loved it!
So when I tried running the animation on my browser, I am getting this error-
"core.js:6241 ERROR TypeError: Cannot read property 'play' of undefined
at HomePage.toggleAnimation"

Ответить
@Akeshma
@Akeshma - 10.07.2020 12:42

Good work thanks. Is it possible to make simple games with ionic?

Ответить
@tanishqmanuja
@tanishqmanuja - 10.07.2020 09:27

The use of export const name = () => { ... } can cause compile error in production build . Instead you should use export function name(){ ... }

Ответить
@daniele.ragone
@daniele.ragone - 09.07.2020 16:47

Hi Simon, is possible use different transition for each ionic page?

Ответить
@marwansalem76
@marwansalem76 - 24.05.2020 08:32

hi Simon! how are you? could you tell me which software do you use for making your video?

Ответить
@Mewain
@Mewain - 20.05.2020 08:23

Yes ! Thank you so much i was waiting for this video !

Ответить
@miner-vd3qt
@miner-vd3qt - 18.05.2020 14:08

loving it :)

Ответить
@oliver5352
@oliver5352 - 17.05.2020 17:15

Hi guys when i want to build its says Error during template compile of 'fancyAnimation'
Function expressions are not supported in decorators can you
Consider changing the function expression into an exported function.
help me ?

Ответить
@mitpatel2383
@mitpatel2383 - 15.05.2020 12:06

Hey Simon, Thanks for such a great video... Can you make Video for handle device back button and back navigation by Hardware button?

Ответить
@troythompson2
@troythompson2 - 15.05.2020 04:10

You are C L U T C H

Ответить
@KasimSheyi
@KasimSheyi - 14.05.2020 00:29

Awesome tutorial always.

Ответить
@jeangu2002
@jeangu2002 - 13.05.2020 21:21

Hi Simon, do you know why animations are disabled in ion-tabs?

Ответить
@AbdielDMolina
@AbdielDMolina - 13.05.2020 04:56

usefull video!!

Ответить
@marcelocch
@marcelocch - 12.05.2020 22:29

FINALLY! Simon you are a beast! I was waiting for a video with the Page transitions topic and I love it!
Amazing, thanks!

Ответить
@oswaldkit
@oswaldkit - 12.05.2020 21:02

Cool

Ответить
@Quinhas96
@Quinhas96 - 12.05.2020 20:12

Hey Simon, can you make a shopping cart tutorial with payment (stripe, paypal) as you said in the other video?

Ответить
@jicarrozzo
@jicarrozzo - 12.05.2020 19:17

Dude!! great video!! 100% yes.. more videos about this!!!

Ответить
@drewatkison4127
@drewatkison4127 - 12.05.2020 19:16

Hey Simon, in my app I have a list of items that I want to animate the entrance and exit

Ответить
@ikennasamuel6470
@ikennasamuel6470 - 12.05.2020 18:39

Great video

Ответить
@KonstantinStanchev
@KonstantinStanchev - 12.05.2020 18:09

Thanks for the video, Simon! And congrats on the 30K Subs! 100K soon! :))

Ответить
@practicaluseof
@practicaluseof - 12.05.2020 18:03

Hi Simon, Really love your videos. Thanks

Ответить