novos artigos

Author: Felipe Ribeiro

README.md

@@ -49,8 +49,8 @@ O objetivo deste 4noobs é trazer uma introdução a essa nova tecnologia que, c
   - [O que é o MaterialApp](docs/Iniciando_no_Flutter/Widgets/o_que_e_material_app.md)
   - [O que é o CupertinoApp](docs/Iniciando_no_Flutter/Widgets/o_que_e_cupertino_app.md)
 
-- [Gerênciamento de Estado]()
-  - [O setState( ) e o estado de um Widget]()
+- [Gerênciamento de Estado](docs/Iniciando_no_Flutter/Gerencia_de_Estado/gerenciamento_de_estado.md)
+  - [O setState( ) e o estado de um Widget](docs/Iniciando_no_Flutter/Gerencia_de_Estado/O_setState_e_o_estado_de_um_widget.md)
 - [Navegação]()
   - [Formas de navegar entre páginas no Flutter]()
   - [Navegação dinâmica]()
@@ -63,12 +63,12 @@ O objetivo deste 4noobs é trazer uma introdução a essa nova tecnologia que, c
 ### Comunidade
 
 - [Contribuir para o Flutter]()
-- [Flutter no Brasil]()
+- [Flutter no Brasil](docs/Comunidade/flutter_no_brasil.md)
 
 ### Extra
 
 - [Dicas de Flutter para usuários do VSCode](docs/Extra/dicas_de_flutter_para_usuarios_do_vscode.md)
-- [Flutter 2]()
+- [Flutter 2](docs/Extra/flutter_2.md)
 
 <!-- CONTRIBUTING -->
 

assets/Hello_Flutter.png

@@ -2,6 +2,10 @@
 
 O Flutter vem ganhando espaço cada vez mais no mercado de desenvolvimento cross-platform. Aqui no Brasil, a palavra do Flutter também vem sendo espalhada cada vez mais por comunidades de tecnologia.
 
+<p align='center'>
+    <img src='../../assets/flutter_br2.png' width=240 title='Flutter BR'/>
+</p>
+
 Um exemplo é a própria [Flutterando](https://flutterando.com.br/#/), a maior comunidade de Flutter no Brasil que busca trazer conteúdos sobre Flutter de forma gratuíta em seu [canal no youtube](https://www.youtube.com/c/Flutterando), além de sempre estarem publicando artigos sobre algum package ou novidades dentro do framework.
 
 Também podemos encontrar comunidades nas redes sociais. Como no Facebook, por exemplo, encontramos alguns grupos para divulgar projetos, vagas, tirar dúvidas... Alguns deles:

assets/ext1.jpg

@@ -0,0 +1,7 @@
+# Dicas de Flutter para usuários do VSCode
+
+## Extensões
+
+<img src='../../assets/ext1.jpg'/>
+<img src='../../assets/ext2.jpg'/>
+<img src='../../assets/ext3.jpg'/>

assets/ext2.jpg

@@ -0,0 +1,53 @@
+# O setState( ) e o estado de um Widget
+
+No Flutter tudo é Widget. Os botões, textos, colunas, linhas, imagens, são classes que herdam um tipo de Widget. Essas classes herdadas são os já falados [Stateless e Stateful Widgets](../Widgets/stateless_e_stateful_widgets.md).
+
+No entanto, nesta parte do artigo será tratado exclusivamente do tipo de Widget que é capaz de alterar seu estado. O `StatefulWidget`!
+
+## A função setState( )
+
+```dart
+class WidgetDeExemplo extends StatefulWidget {
+    @override
+    State<StatefulWidget> createState() {
+        return WidgetDeExemploState();
+    }
+}
+
+class WidgetDeExemploState extends State<WidgetDeExemplo> {
+
+    String _palavraQualquer = 'Hello!';
+    String _textoBotao = 'Click!';
+    Color corBotao = Colors.blue;
+
+    @override
+    Widget build(BuildContext context) {
+        return Column(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+                Text(_palavraQualquer),
+////////// Aqui acontecerá o uso do setState( ) /////////////
+                FlatButton(
+                    backgroundColor: corBotao,
+                    child: Text(_textoBotao),
+                    onPressed: () { // o onPressed é um atríbuto do Widget FlatButton, que permite utilizarmos funções ao clicar nele
+                        setState(() {  // o setState irá alterar o estado do Text (seu texto) e do FlatButton (seu texto e sua cor)
+                            _palavraQualquer = 'Flutter4Noobs';
+                            _textoBotao = 'Clicked!';
+                            corBotao = Colors.green;
+                        });
+                    }
+                ),
+///////////////////////////////////////////////////////// /
+            ],
+        );
+    }
+}
+```
+
+<p>
+    Antes de clicar no botão: <p>
+    <img src='../../../assets/hello.png' width=200/> <p>
+    Depois de clicar no botão: <p>
+    <img src='../../../assets/Hello_Flutter.png' width=200/>
+</p>

assets/ext3.jpg

@@ -0,0 +1,9 @@
+# Gerenciamento de Estado
+
+## O que iremos falar
+
+Nesta categoria serão tratados assuntos relacionados ao Gerenciamento de Estado no Flutter.
+
+## ROADMAP
+
+- [O setState( ) e o estado de um Widget](O_setState_e_o_estado_de_um_widget.md)