A AppBar é um componente fundamental em um aplicativo Flutter, representando a barra superior que geralmente contém o título, botões de ação, ícones e/ou widgets adicionais. Ela é frequentemente usada para exibir informações importantes e fornecer interações ao usuário em uma interface de aplicativo.
Características da AppBar:
Título: Geralmente exibe o título do aplicativo ou o título da página atual.
Ícones e Ações: Pode conter ícones à esquerda ou à direita da barra, fornecendo ações como voltar, menu, busca, entre outros.
Menus e Widgets Adicionais: Pode conter menus de contexto, botões, campos de texto, ou outros widgets para interação com o usuário.
Exemplo Básico de Uso da AppBar:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Minha AppBar'), // Título da AppBar
actions: <Widget>[
IconButton(
icon: Icon(Icons.search), // Ícone de busca
onPressed: () {
// Ação ao pressionar o ícone de busca
print('Ícone de busca pressionado!');
},
),
IconButton(
icon: Icon(Icons.settings), // Ícone de configurações
onPressed: () {
// Ação ao pressionar o ícone de configurações
print('Ícone de configurações pressionado!');
},
),
],
),
body: Center(
child: Text('Conteúdo da aplicação'), // Corpo da tela
),
),
);
}
}Neste exemplo, AppBar é utilizada dentro do widget Scaffold. Ela possui um título "Minha AppBar" e dois ícones à direita da barra (IconButtons de busca e configurações).