DEV Community

Henrique Pomatti dos Santos
Henrique Pomatti dos Santos

Posted on

Reduza linhas de código no Flutter usando o Spread operator!

O operador Spread é uma sintaxe útil e rápida para adicionar itens a arrays e combinar arrays.

Mas hoje vamos aprender como podemos usar o Spread Operator, no caso esse carinha aqui => (...) no código para reduzir as diversas linhas de código.

Então olha só, digamos que você tenha algo tipo isso aqui:

First look

Como você pode ver no código acima, temos uma coluna contendo um botão e 5 ListTile.

Então... A nossa tarefa é reduzir essas linhas repetidas, mas como?

Podemos usar um método chamado Nested Column!

Geralmente encontramos algo assim, usamos uma coluna dentro de outra coluna e passamos uma lista para seus filhos.
É bom, mas da pra melhorar...

Nested Column

Agora, o método Spread (...)

O operador Spread é simples de usar, basta adicionar ... ao começo e pronto!
A coluna contém uma lista e o operador Spread pode ser usado para adicionar uma lista existente em outra lista que ele aceita e entende.

Spreadzão

Tá, ainda não se convenceu? Quer mais?

Então toma ai mais um exemplo!

Mais um exemplo pra ti

Então, vamos verificar o exemplo acima onde estou usando uma condição if dentro de uma coluna com Spread que renderiza widgets condicionalmente e é melhor do que usar colunas aninhadas com operador ternário.

E é isso ai, valeu!

Discussion (0)