ProgressBar

O ProgressBar no Flutter é usado para exibir o progresso de uma operação. Ele fornece uma representação visual do progresso, permitindo que os usuários saibam que uma tarefa está sendo executada e quanto tempo ela pode levar para ser concluída. O Flutter oferece vários tipos de barras de progresso que você pode utilizar em seu aplicativo.

1. Indeterminado (Circular) Progress Indicator:

O indicador de progresso indeterminado é usado quando você não sabe quanto tempo uma tarefa levará para ser concluída. Ele é exibido como uma animação circular giratória.

CircularProgressIndicator(
  backgroundColor: Colors.grey[200], // Cor de fundo do indicador
  valueColor: AlwaysStoppedAnimation<Color>(Colors.blue), // Cor da animação do indicador
)

2. Determinado (Linear) Progress Indicator:

O indicador de progresso determinado é usado quando você sabe a porcentagem de conclusão de uma tarefa.

LinearProgressIndicator(
  backgroundColor: Colors.grey[200], // Cor de fundo do indicador
  valueColor: AlwaysStoppedAnimation<Color>(Colors.blue), // Cor da animação do indicador
  value: 0.6, // Valor de conclusão (de 0.0 a 1.0)
)

No exemplo acima, value representa o progresso da tarefa, variando de 0.0 a 1.0.

3. Indeterminado (Circular) Progress Indicator com Label:

Você pode adicionar um rótulo (por exemplo, “Carregando…”) ao indicador de progresso indeterminado:

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    CircularProgressIndicator(
      backgroundColor: Colors.grey[200],
      valueColor: AlwaysStoppedAnimation<Color>(Colors.blue),
    ),
    SizedBox(height: 16),
    Text('Carregando...'),
  ],
)

Esses são exemplos básicos de como usar barras de progresso no Flutter. Você pode personalizar ainda mais a aparência das barras de progresso e integrá-las às suas interfaces de usuário para fornecer feedback visual sobre o progresso das operações em seus aplicativos.