Pra não esquecer mais: Stateless x Stateful no Flutter

Leticia @levxyca - Feb 14 '23 - - Dev Community

Se você caiu aqui de paraquedas e não sabe do que eu estou falando, recomendo você começar lendo esse artigo da Maiza Louise que explica “O que é Flutter?”.

Prazer, eu sou a Leticia @levxyca e estou em busca de me tornar a maga do Flutter, ou a Flutterfly 🦋 Hoje eu estou aqui escrevendo sobre Stateless e Stateful no Flutter para não me esquecer mais, ou tentar pelo menos rs.

Stateless Widget

Um Stateless Widget é um widget sem controle de estado. Mas o que isso significa? Significa que esse tipo de widget não tem alterações dinâmicas, ou seja, as informações ali são estáticas, não mudam ao longo do processo.

class WidgetExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}
Enter fullscreen mode Exit fullscreen mode

Stateful Widget

Agora falando sobre o Stateful Widget, é um widget com controle de estado. O que significa que podemos ter infomações que se alteram ao longo do processo, ou seja, é com ele que conseguimos construir várias coisas interativas.

class WidgetExample extends StatefulWidget {
  const WidgetExample({super.key});

  @override
  State<WidgetExample> createState() => _WidgetExample();
}
Enter fullscreen mode Exit fullscreen mode

Ficou um pouco mais lúcido agora?

Espero que sim! Esses são conceitos muito importantes na hora de criar nossas aplicações utilizando Flutter 💙 Se você tem alguma outra forma de definir esses conceitos, fique a vontade para comentar aqui em baixo!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .