Flutter Widgets: Scaffold
Quando estamos estudando o Flutter, nos deparamos com diversos Widgets ( "No Flutter tudo é Widget").
Entre vários os Widgets, um bastante conhecido é o Scaffold. O Scaffold é utilizado com bastante frequência, tenho certeza que você já viu ele.
O Scaffold é um Widget fundamental, pois ele contém bastante coisas implementadas, sendo assim não é necessário nós fazermos tudo na mão.
Aqui temos um Scaffold contendo: FloatingActionButton, Center, Text e AppBar.
import 'package:flutter/material.dart';
/// Flutter code sample for [Scaffold].
void main() => runApp(const ScaffoldExampleApp());
class ScaffoldExampleApp extends StatelessWidget {
const ScaffoldExampleApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: ScaffoldExample(),
);
}
}
class ScaffoldExample extends StatefulWidget {
const ScaffoldExample({super.key});
@override
State<ScaffoldExample> createState() => _ScaffoldExampleState();
}
class _ScaffoldExampleState extends State<ScaffoldExample> {
int _count = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Tab News'),
),
body: Center(
child: Text('Você pressionou o botão $_count vezes.'),
),
bottomNavigationBar: BottomAppBar(
shape: const CircularNotchedRectangle(),
child: Container(height: 50.0),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() {
_count++;
}),
tooltip: 'Incrementar o Contador',
child: const Icon(Icons.add),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
);
}
}
A vantagem é que não precisamos nos preocupar com posições dos Widgets pois o próprio Scaffold posiciona eles em seu devido lugar.
Além desses Widgets que mencionei, existe também outras vantagens também, como o drawer e bottomNavigationBar.
E estamos falando apenas de Widgets, existem outras coisas que podemos explorar. Estou apenas apresentando, se despertou o seu interesse, vale a pena conhecer melhor esse Widget. :)