Executando verificação de segurança...
1

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.

screenshot do Scaffold do Flutter

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. :)

Carregando publicação patrocinada...
1

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.

1