DEV Community

Henrique Pomatti dos Santos
Henrique Pomatti dos Santos

Posted on

1

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!

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay