A hidratacao e a revelacao de Suspense tambem sao transicoes do React, e o <ViewTransition name="page"> do template animava a pagina inteira (page-out/page-in) nas duas, logo na chegada. Com update="none", so a troca de pagina anima.
This commit is contained in:
1 parent
838b96349f
commit
3756905a1b
1 file changed
+10
-2
+10
-2
@@ -1,6 +1,14 @@
|
|||||||
import { ViewTransition } from "react";
|
import { ViewTransition } from "react";
|
||||||
|
|
||||||
/** O template remonta a cada navegação; o conteúdo leva o nome "page" e anima com page-out/page-in (globals.css). */
|
/**
|
||||||
|
* O template remonta a cada navegação; o conteúdo leva o nome "page" e anima com page-out/page-in (globals.css).
|
||||||
|
* update="none": a hidratação e a revelação de Suspense também são transições do React e animariam a página
|
||||||
|
* inteira na chegada (a tela piscava duas vezes); só a troca de página anima.
|
||||||
|
*/
|
||||||
export default function Template({ children }: { children: React.ReactNode }) {
|
export default function Template({ children }: { children: React.ReactNode }) {
|
||||||
return <ViewTransition name="page">{children}</ViewTransition>;
|
return (
|
||||||
|
<ViewTransition name="page" update="none">
|
||||||
|
{children}
|
||||||
|
</ViewTransition>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user