Saudaの染み!
Navegaの巣は、オーマパルエッセンシャルna maioriaドスアプリ.Aqui Vou aborddi ao queは、desalgvolvimentoデalgunsアプリをします.

イントロダクション

EM Aplicativosは、Navegaの巣を使用してfeitaエムスタック、iSistes、ピルハ.

Porの典型的な、Temos Tuma Tela Chamadaの家、qual nos pode levarのええPRは、Xia Tera、ConfiguraのSo - es es、formando uma pilha.E esta、Pode LevarパラConfigururaは、es de Conaを非難します.エムcdaテルa n s s s s .

Navega Presselo o b B . Sica

Sabendo que Ela Acontece Em Stack , Vamos ver como adicionar ou remover telasデッサPilha de Navega Plaze
ペテロメノスにおけるファーザー・オーナNavega Presaso o o Voc - de Vai Foriar de

テレモーティブ

デ馬は、oを通してパラのenviar o usu

テレラパラクァイナルVAMOS Direcionar o usuのリーリオ.

Foito isso , nosso vento onou ou ontap , precisa fazer ma a a pose o o sobre oNavigator .

Navigator.of(context).push(
  MaterialPageRoute(
    builder: (_) => NewPageScreen()
  ),
);

Voc - Preisa USAR O Navigator ( NaveGador )を使用します.Navigator.of(context) . El Possui Os M To Dots necess to rios para Controlar a pilha , Aluns deles s o o o :push , pushNamed , pop . Nesse Casususamo Oプッシュ、queプリサダレイバーUMルート.N ' s ' s Poderemos criar depois o nosso PRMaterial NOS DMaterialPageRoute , Qeは、メトロnomeadoビルダー、onde podemos simplesmente retornar pを引きます.

トランスポートDADOS

ポエール・サー・ナヴァーガーの『ナラ・テル・オトラ』について
<研究ノート>ヴェル・ファーザーにおけるドス・コンストラクションデ・モー,アオ・インv ' s ' s ' s ' s de RtornarnmosNewScreen() , n ' s ' s podemos adicionar uma informaについて

Definiは、をoにします

class NewScreen extends StatelessWidget {
    const NewScreen(this.title);

    final String title;

// [...]

アオRedirecionarパラテレナニューススクリーン

Navigator.of(context).push(
  MaterialPageRoute(
        builder: (_) => NewScreen('Estou aprendendo Flutter')
  ),
);

レトリラーダピル

パラRetrar Nam Tela da Pilha、Fazendo馬Aは、Sopush , バスタ・サウルOpop , que vai退職者テレカ雄弁da pilha.タウムームoutras楽しい美人es comopopAndPushNamed , popUntil , pushNamedAndRemoveUntil , pushReplacement , アウトロー.Arav v ' s ' s da ' sdocumentação 大阪大学

ロアスノメダス

アゴラvamosファルルダスrotas nomeadas.エスパラ, J .Port que algisare M . Preisaria de rotas nomeadasボム、従属するSEU Coco、Maパラシュートで降下する人muitas aplicaが、nomeadas podem lhe dar a vantagem de n o o ter c . digo duplicadoです.se vocは、Quisesse Navegarパラシュートで降下します.そして、mesa tela em diferentes partesがseuアプリをしますNewScreen('Estou aprendendo Flutter') .
エムnosso arquivoメイン.ダーツ、temo oのアプリケーション、com algunsパラメータ.アゴラnは、メトロChamadoルートを平均します.Veja o exemplo:

MaterialApp(
    // [...]
    routes: { 
      '/new-screen': (context) => NewScreen(), 
      '/blog': (context) => BlogScreen(), 
    }
);

o que o o faz are relnonar os nomes das rotas,com os widgets queを表現します.ヴェーグの道についてMap<String, Widget Function(BuildContext)> , キューに追加されました.
ロタス・ノメダダスとしてのcom ,ロタの独創性について/ (Barra)Quem Vim da programamaは、o oウェブパラシュートで降下します.N ' s ' s Podemos Alterar Essa rota Institute Adicionando mais um par And More No MaterialApp , como se segue :

initialRoute: '/blog',

Preisamos USAR um M Thedo Diferente Paro Oナビゲータsempre que quisermos fazer uma - una egega - o

Navigator.of(context).pushNamed(
   '/new-screen',
);

Rotras nomeadasを中心に

Forma maisはレゾルバーESSEの問題を簡素化します.エルズデヴェルサーObject , キューレプネータPodemos包括的なCriarは、Ma Mulumentos、Prip Maier Organizerを放します.

Navigator.of(context).pushNamed(
   '/new-screen',
   arguments: 'Flutter is awesome',
);

例は、enviamosのumma文字列は、umを簡単にテキスト.アゴラパラ利用者Ese Valor Podemos/new-screen , Issue , newscreen , vamos usar o modalroute :

class NewScreen extends StatelessWidget {
    const NewScreen();

    @override
    Widget build(BuildContext context) {
        String title = ModalRoute.of(context).settings.arguments;

        return Container(
            child: Text(title);
        );
    }
}

哀愁のジェラ

直訳すると、それは、ロタpode ser muitoは、ティルである.Vamos Introduzir mais um valor para o MaterialApp , OonGenerateRoute . <研究ノート>フランスにおける行政機関としての経営者の役割:パーミトリート・ファウザーpush Na PRは、Xiaテル、Por典型です.

onGenerateRoute: (RouteSettings settings) {
   if (settings.name == '/categories') {
      return CategoriesScreen(categoriesRepository);
   }
}

O settings.name レプレッサo nome da rota、como pode ver .例は、Estamos Passandoアムリポジトリである.
重要なMencionar que quando usamos Ongenerateroute、エレfaz oパステルは、ルートadicionamos antes材料アプリケーションをします;耳鼻咽喉科領域におけるPoderia Remov - Lo - lo Palusar
アンデスデMostrar馬モティーナは、本当のusando ongenerateroute、ゴスタアードデMencionar OonUnknownRoute .

onUnknownRoute: (RouteSettings settings) =>
   return MaterialPageRoute(
      builder: (_) => UnknownPageScreen()
   );

Mostrarmos Muma Rotta Desconhecidaに於けるディスカバリー・カスパーonGenerateRoute ファルエem retornar oルート.

カボデUSO

路線ダート

  // o defaultBuilder serve para as rotas que nao precisam de argumentos
  static Map<String, WidgetBuilder> defaultBuilder = <String, WidgetBuilder>{
    welcome: (BuildContext context) => WelcomeScreen(),
    login: (BuildContext context) => LoginScreen(),
  };

  static Route<dynamic> routeFactory(RouteSettings settings) {
    switch (settings.name) {
      case AppRoutes.signUp:
        return MaterialPageRoute(
          builder: (context) {
            return SignUpScreen(
              userRepository: userRepository,
            );
          },
      settings: settings,
        );

     // [...]

      default:
        return MaterialPageRoute(builder: defaultBuilder[settings.name]);
    }
}

セグインドゥエッセは、トードー、パラシュートで降下しますpushNamed . El Vai retornar o Materialpageroute que Construction I i o o Signupscreen Passando Todos os dados necess und rios para o construcutor

Navigator.of(context).pushNamed(AppRoutes.signUp);

se por acaso oスイッチn ' no o incluir alguma rota , com o example do dowelcome イーオーlogin , UmはUSUビルダーのPADRdefaultBuilder , パラコンテテレ
<研究ノート>ノメダス・E・ジェラダスの所説についてarguments . OU、パラmuitos casos、bastarは、terterum umのリポジートを制御します.

トランジション

ファーザー・オーマtransiは、oデテルPersonalizada pode dar馬を得ます.Apofeiは、OAO O ArquivoデRrotas、Podemos facilmente adicionarエッセアニマ・サニーes .
トランスとしてのエム・フラッタとテルアーズ・ペー・フェイオ・ペトロ・ルート<研究ノート> Podos - um Criar O nosso Pr - de Prio route e - sobrescrever a transi poo - o padr - no . o Segue - um - example :

static Route animatedPageRoute(
      {WidgetBuilder builder, RouteSettings settings}) {
    return PageRouteBuilder(
      settings: settings,
      pageBuilder: (context, animation, secondaryAnimation) => builder(context),
      transitionDuration: Duration(milliseconds: 200),
      transitionsBuilder: (context, animation, secondaryAnimation, child) {
        return FadeTransition(
          opacity: animation,
          child: child,
        );
      },
    );
  }

PageRouteBuilder <研究ノート>デシタナ・デッタ・ファン・アソシオ・オセス・セア・パー・ア・メトロス・ポドモス・クリアー『アニマ』
<高橋潤子>

滑り遷移

フェデレーション

スケール遷移

回転転移

変遷

アニマ語としての素性documentação 大阪大学
エステは、reoをthetenoをします.エスペーque lhe sejaは、tilまで行きます.オブリガド!