一个矩形和叉叉的占位组件,可指定颜色、线宽、宽高等属性。

Placeholder基础属性

【color】: 颜色 【Color】
【strokeWidth】: 线粗 【double】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomPlaceholder extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return Container(
  6. width: 100,
  7. height: 100*0.618,
  8. child: Placeholder(
  9. color: Colors.orangeAccent,
  10. strokeWidth: 2,
  11. ),
  12. );
  13. }
  14. }

Placeholder的fallback属性

当所在区域无宽高约束时,占位组件的宽高。”
【fallbackHeight】: 高 【double】
【fallbackWidth】: 宽 【double】
image.png

import 'package:flutter/material.dart';
class FallbackPlaceholder extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return UnconstrainedBox(
      child:  Placeholder(
        color: Colors.blue,
        strokeWidth: 2,
        fallbackHeight: 100,
        fallbackWidth: 150,
      ),
    );
  }
}