Виджет LinearProgressIndicator

Виджет LinearProgressIndicator показывает тонкую полосу вдоль экрана. Для неопределённой загрузки value не задают, для доли выполнения передают value от 0.0 до 1.0, цвет линии - в color, фон - в backgroundColor.

Синтаксис

LinearProgressIndicator(
	value: 0.4,
)

Параметры

Параметр	Описание
`value`	Доля заполнения от 0 до 1. Null даёт бесконечную анимацию.
`color`	Цвет активной части полосы.
`minHeight`	Толщина полосы в логических пикселях.

Пример

Давайте покажем неопределённую загрузку:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(child: LinearProgressIndicator()),
			),
		),
	);
}

По центру бежит анимированная полоса без числа процентов.

Пример

Давайте зададим value 0.7:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Padding(
					padding: EdgeInsets.all(24),
					child: LinearProgressIndicator(value: 0.7),
				),
			),
		),
	);
}

Полоса заполнена примерно на семь десятых ширины.

Смотрите также

виджет CircularProgressIndicator,
который рисует круговой индикатор
виджет RefreshIndicator,
который показывает прогресс при обновлении списка
виджет Stepper,
где полосу ставят внутри шага
виджет SizedBox,
которым задают ширину полосы на экране