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. :)
Flutter FTW! React Native é a melhor maneira de criar apps completamente bugados e mal feitos com 30 libs diferentes criados por crianças que quitaram de js para aprender uma linguagem real como C.
Ótimo conteudo, parabéns! Deixo aqui minha contribuição, estou comelando em Flutter quero aprender e fazer meus aplicativos! https://divulgandome.com.br/brinde-flutter (iniciantes) PERFIL COM AS PRINCIPAIS EXTENSÕES PARA DESENVOLVIMENTO MAIS PRODUTIVO EM FLUTTER E DART.