Flutter Placeholder Widget使用详解

Flutter的Placeholder Widget是一个调试辅助工具，它在您构建UI时可以占据一些空间，并可设置颜色和占用空间的大小。它可以帮助您调整布局，确定UI元素的大小和位置，特别是当您没有实际数据时。

下面是Placeholder Widget的一些常用属性：

• color：设置占位符的颜色。
• fallbackHeight：设置占位符的高度。如果没有设置，则将使用默认值。
• fallbackWidth：设置占位符的宽度。如果没有设置，则将使用默认值。
• strokeWidth：设置占位符的边框宽度。

下面是一个使用Placeholder Widget的示例：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(16.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Placeholder(
            color: Colors.red,
            fallbackHeight: 100,
            fallbackWidth: 100,
            strokeWidth: 2,
          ),
          SizedBox(height: 16.0),
          Placeholder(
            color: Colors.blue,
            fallbackHeight: 50,
            fallbackWidth: 50,
            strokeWidth: 1,
          ),
        ],
      ),
    );
  }
}

在这个示例中，我们使用了Container Widget来设置内边距，并将Column Widget作为子元素。Column Widget包含两个Placeholder Widget，分别使用不同的颜色、高度、宽度和边框宽度。在运行时，这些Placeholder Widget将在屏幕上占据空间，并且根据设置显示红色和蓝色的占位符。