Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR DART

skeleton container flutter

import 'package:flutter/material.dart';
import 'package:shimmer/shimmer.dart';

class SkeletonContainer extends StatelessWidget {
  final double? width;
  final double? height;
  final ShapeBorder shapeBorder;
  
  const SkeletonContainer({
    Key? key,
    this.width,
    this.height,
    required this.shapeBorder,
  }) : super(key: key);
  
  const SkeletonContainer.rectangular(
      {this.width,
      required this.height,
      this.shapeBorder = const RoundedRectangleBorder(),
      Key? key})
      : super(key: key);

  const SkeletonContainer.circular(
      {this.width,
      required this.height,
      this.shapeBorder = const CircleBorder(),
      Key? key})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Shimmer.fromColors(
      baseColor: Colors.deepPurple[300]!,
      highlightColor: Colors.grey[300]!,
      period: const Duration(milliseconds: 2000),
      child: Container(
        width: width,
        height: height,
        decoration:
            ShapeDecoration(color: Colors.deepPurple[200]!, shape: shapeBorder),
      ),
    );
  }
}
 
PREVIOUS NEXT
Tagged: #skeleton #container #flutter
ADD COMMENT
Topic
Name
2+6 =