Rotas

Prof. Eduardo Ono

 

Conceitos de Programação em Flutter

Definição de Rotas Nomeadas no Instanciamento do MaterialApp

• Substituir o argumento home por routes:

routes: {
    // 'nome_da_rota': (context) => Classe Stateless ou Stateful
    '/': (context) => const MyHomePage(title: 'Título'),
    'outra_tela': (context) => const OutraTela(),
}

 

Abrir uma nova tela (botão na AppBar)

• No instanciamento da AppBar, passar o argumento:

actions: [
    IconButton(
        icon: Icon(Icons.add),
        onPressed: () {
            Navigator.of(context).pushNamed('nome_da_rota');
        }
    ),
]

 

Dicas de Programação

Emmets

Atalho	Descrição
stl	Cria uma classe derivada da StetelessWidget.
stf	Cria uma classe derivada da StatefulWidget.

 

Exemplos

Projeto	Descrição
Rotas Nomeadas	Exemplifica o uso de rotas nomeadas. Baseado na vídeo aula do Prof. Hélio Kamakawa (IFPR): https://www.youtube.com/watch?v=JoNhT_kiuaQ
	[Tadas Petra] Flutter File Structure for Big Projects (9:39, YouTube, Out/2020)