FLUTTER ECOSYSTEM

saquibansari0101/drop_shadow_image

이미지에 그림자 효과를 생성하는 데 사용할 수 있는 Flutter 패키지로, 적용 가능한 다양한 속성이 있습니다.

drop_shadow_image 프로젝트 이미지
Stars
3
Forks
0
최근 푸시(UTC)
2021. 7. 16.
프로젝트 상태
활성
Saquib Akhtar GitHub avatar
GITHUB User

Saquib Akhtar ↗

언어DartHTMLKotlin

기술 주제

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 2 개
  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

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.