Hero dans l'AppBar

Flutter
1

Hello World !

J’aimerais comprendre pourquoi si on met un Hero sur le title d’un Scaffold, lors du changement de page, le texte s’affiche un instant comme s’il n’avait pas de Scaffold ou de Material … ?

Je me demande du coup si c’est possible de mettre un Hero dans l’AppBar ?

Code de test :

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Hero(
          tag: 'title',
          child: Text('Mon App'),
        ),
      ),
      body: Center(
        child: ElevatedButton(
              onPressed: () => Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => Second(),
                ),
              ),
              child: Text('Second page'),
            ),
      ),
    );

Second page

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Hero(
          tag: 'title',
          child: Text('Mon App'),
        ),
      ),
      body: const Center(
        child: Text('Second'),
      ),
    );
2

Je ne suis pas certain que ce soit possible dans la AppBar mais surtout je ne vois pas l’intérêt ici car tu remets exactement le même titre au même endroit avec la même taille.
C’est l’animation du push qui ne te plaît pas et que tu cherches à remplacer ?

3

Oui effectivement c’était juste pour le test, je suis aller un peu vite mais l’idée ça serait de donner une autre couche visuelle lors de la transition :slight_smile:

C’est pas un problème qui me bloque en soit mais j’aurais aimé comprendre pourquoi ça se comporte comme ça.