dependencies:
  ...
  cached_network_image: ^3.0.0
  photo_view: ^0.12.0
  flutter_svg: ^0.22.0
  lottie: ^1.2.1
  svgaplayer_flutter: ^2.0.0

import 'package:flutter_image_demo/manager/sn_image_manager.dart';

  //Widget
  Center(
    child: SNCacheNetworkImage(
      progressIndicatorBuilder: (context, url, progress) => Center(
        child: CircularProgressIndicator(
          value: progress.progress,
        ),
      ),
      imageUrl: 'https://blurha.sh/assets/images/img1.jpg',
    ),
  )
  
  
  //ImageProvider
  Image(
    image: CachedNetworkImageProvider(
      'https://loremflickr.com/320/240/music?lock=0',
    ),
  )
  

import 'package:flutter_image_demo/manager/sn_image_manager.dart';

//Preview
//PreviewOpenType { dialog, push, bottomSheet }
Center(
  child: SNPreviewImageWrapper(
    imageUrl: 'https://loremflickr.com/320/240/music?lock=1',
    previewEnable: true,
    previewOpenType: PreviewOpenType.dialog,
  ),
)

//Gallery
GridView.builder(
  itemCount: images.length,
  gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 3),
  itemBuilder: (BuildContext context, int index) =>
      SNPreviewImageGallery(
    imageUrl: images[index],
    galleryItems: images,
    initialIndex: index,
    verticalGallery: verticalGallery,
  ),
)

import 'package:flutter_image_demo/manager/sn_image_manager.dart';

//common
Center(
  child: SNSvgaplayerWrapper(
    imageUrl: samples[index].last,
  ),
),

//AnimationController
class ControlDetail extends StatefulWidget {
  final String imageUrl;

  const ControlDetail(this.imageUrl, {Key? key}) : super(key: key);

  @override
  _ControlDetailState createState() => _ControlDetailState();
}

class _ControlDetailState extends State<ControlDetail>
    with TickerProviderStateMixin {
  late final _controller = SVGAAnimationController(vsync: this);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.imageUrl),
      ),
      body: SingleChildScrollView(
        child: Stack(
          children: [
            Center(
              child: SNSvgaplayerWrapper(
                imageUrl: widget.imageUrl,
                controller: _controller,
              ),
            ),
            AnimatedBuilder(
              animation: _controller,
              builder: (context, _) => Row(
                children: <Widget>[
                  Expanded(
                    child: Slider(
                      value: _controller.value,
                      onChanged: (newValue) {
                        _controller.value = newValue;
                      },
                    ),
                  ),
                  IconButton(
                    icon: Icon(_controller.isAnimating
                        ? Icons.stop
                        : Icons.play_arrow),
                    onPressed: () {
                      setState(() {
                        if (_controller.isAnimating) {
                          _controller.stop();
                        } else {
                          _controller.repeat();
                        }
                      });
                    },
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

import 'package:lottie/lottie.dart';

//Assert
Lottie.asset('assets/LottieLogo1.json')

//Network
Lottie.network(
      'https://assets10.lottiefiles.com/datafiles/QeC7XD39x4C1CIj/data.json'),
)

//Zip file
Lottie.asset('assets/lottiefiles/angel.zip')

//No repeat
Lottie.asset(
  'assets/LottieLogo1.json',
  repeat: false,
),

//Error builder
Lottie.network(
  'https://example.does.not.exist/lottie.json',
  errorBuilder: (context, exception, stackTrace) {
    return Center(
      child: Icon(
        Icons.broken_image,
        color: Colors.grey[400],
        size: 40.0,
      ),
    );
  },
)