FLUTTER ECOSYSTEM

saquibansari0101/drop_shadow_image

Flutter package for creating drop shadow effect of an image, with lots of properties to apply.

drop_shadow_image project cover
Stars
3
Forks
0
Last push (UTC)
Jul 16, 2021
Project status
Active
Saquib Akhtar GitHub avatar
GITHUB User

Saquib Akhtar ↗

LanguagesDartHTMLKotlin

Technical topics

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

drop_shadow_image

Package for creating drop shadow effect of an image, with lots of properties to apply.

Example

Installation

  1. Add this to your package's pubspec.yaml file:
dependencies:
  drop_shadow_image: ^0.9.0
  1. Import the package into your dart file:
import 'package:drop_shadow_image/drop_shadow_image.dart';

Example

import 'dart:ui';

import 'package:drop_shadow_image/drop_shadow_lib.dart';
import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body:
        Center(
          child: DropShadowImage(
            offset: Offset(10,10),
            scale: 1,
            blurRadius: 12,
            borderRadius: 20,
            image: Image.asset('assets/cat.png',
            width: 300,),
          ),
        )
      ),
    );
  }
}

Properties of the lass

1. Key key
 
2. double scale  // Size to parent. 

3. Offset offset  // Position of shadow. (dx) for horizontal displacement (dy) for vertical displacement.

4. double blurRadius // Amount of blur in the shadow. 0 means no blur.

5. double borderRadius //  border radius of image

6. Image image (@required) // The image.