097 - USANDO COMPONENTES DA MATERIAL - Curso de Flutter Grátis
Usando Componentes Materiais
O Flutter fornece vários widgets que ajudam você a criar aplicativos que seguem o Material Design. Um aplicativo Material é iniciado com o widget MaterialApp, que cria vários widgets úteis na raiz do aplicativo, incluindo um Navegador, que gerencia uma pilha de widgets identificados por sequências de caracteres, também conhecidos como "rotas". O Navegador permite fazer a transição sem problemas entre as telas do seu aplicativo. Usar o widget MaterialApp é inteiramente opcional, mas é uma boa prática.
content_copy
pacote de importação: flutter / material.dart ';
void main () {
runApp (MaterialApp (
título: 'Flutter Tutorial',
home: TutorialHome (),
));
}
class TutorialHome estende o StatelessWidget {
@sobrepor
Construção de Widget (contexto BuildContext) {
// Scaffold é um layout para os principais componentes de material.
Andaime de retorno (
appBar: AppBar (
levando: IconButton (
ícone: Ícone (Icons.menu),
Sugestão: 'menu de navegação',
onPressed: null,
)
title: Text ('título do exemplo'),
ações: MENOR Widget MAIOR [
IconButton (
ícone: Ícone (Icons.search),
dica de ferramenta: "Pesquisar"
onPressed: null,
)
]
)
// body é a maior parte da tela.
corpo: Centro (
criança: Texto ('Olá, mundo!'),
)
floatingActionButton: FloatingActionButton (
dica de ferramenta: 'Adicionar', // usada pelas tecnologias de assistência
criança: Icon (Icons.add),
onPressed: null,
)
);
}
}
Agora que o código mudou de MyAppBar e MyScaffold para os widgets AppBar e Scaffold, e de material.dart, o aplicativo está começando a examinar um pouco mais o Material. Por exemplo, a barra de aplicativos tem uma sombra e o texto do título herda o estilo correto automaticamente. Um botão de ação flutuante também é adicionado.
Observe que os widgets são passados como argumentos para outros widgets. O widget Scaffold usa vários widgets diferentes como argumentos nomeados, cada um dos quais é colocado no layout Scaffold no local apropriado. Da mesma forma, o widget AppBar nos permite passar widgets para o líder e as ações do widget de título. Esse padrão se repete em toda a estrutura e é algo que você pode considerar ao projetar seus próprios widgets.
Para mais informações, consulte Componentes do material.
Watch video 097 - USANDO COMPONENTES DA MATERIAL - Curso de Flutter Grátis online without registration, duration hours minute second in high quality. This video was added by user daves technology 03 July 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 453 once and liked it 17 people.