Flutter 中的 LinearProgressIndicator 小部件：全面指南

LinearProgressIndicator 是一个在 Flutter 中用于创建线性进度条的小部件。这个进度条可以有两种视觉风格：标准和圆形。以下是如何使用 LinearProgressIndicator 的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('进度条示例'),
        ),
        body: Center(
          child: LinearProgressIndicator(
            value: 0.5, // 进度条的当前值，0.0 表示 0% 完成，1.0 表示 100% 完成。
            backgroundColor: Colors.grey[200], // 进度条未完成部分的颜色
            valueColor: AlwaysStoppedAnimation<Color>(Colors.blue), // 进度条已完成部分的颜色
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个标准的线性进度条，其进度值为 50%。进度条的背景色被设置为灰色，已完成部分的颜色设置为蓝色。这个进度条位于屏幕的中心。