颤振列垂直方向 - Dart

Flutter 是使用 Dart 编程语言的移动应用程序开发框架。在 Flutter 中，您可以创建自己的颤振列以垂直方向滚动。接下来，我们将讨论如何使用 Dart 创建具有此功能的 Flutter 应用程序。

示意图

以下示意图显示了一个简单的颤振列垂直方向，其中包含三个具有不同颜色的容器：

要在 Flutter 中创建此 UI，我们需要创建一个 ListView 小部件，并使用 Container 小部件包装它的子项。

示例代码

以下是实现上述示例 UI 的示例代码片段：

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: ListView(
          children: <Widget>[
            Container(
              height: 100,
              color: Colors.red,
            ),
            Container(
              height: 100,
              color: Colors.blue,
            ),
            Container(
              height: 100,
              color: Colors.green,
            ),
          ],
        ),
      ),
    );
  }
}

如上代码所示，我们创建了一个 StatelessWidget 类 MyApp，其中创建了一个 ListView 小部件，包含三个 Container 小部件，每个 Container 小部件的高度为 100。

总结

以上就是 Dart 中如何创建颤振列，其中包含多个容器的示例代码。 只需使用 ListView 和 Container 小部件，即可轻松地实现颤振列垂直方向。