ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

kishan-dhankecha/blurrycontainer

コンテナに曇りガラス効果を作成するためのFlutterパッケージ。

GitHub で見る ↗
ぼやけたコンテナ のプロジェクト画像
Stars
47
Forks
11
最終プッシュ（UTC）
2025/02/05
プロジェクト状態
公開中
Kishan Dhankecha GitHub avatar
GITHUB User

Kishan Dhankecha ↗

Dart | Flutter | Laravel | NodeJS | Android | iOS

Gujarat, India.
言語Dart

技術トピック

# blur# flutter# flutter-package# package# container# frosted-glass# ui# blurry-container

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • flutter_lints開発用^3.0.0
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

blurrycontainer

pub package

likes popularity pub points

Introduction

A Flutter package to create a frosted glass effect on a container.

Screenshots

Screenshot

Installation

dependencies:
  blurrycontainer: 2.1.0

import 'package:blurrycontainer/blurrycontainer.dart';

Example

Using BlurryContainer widget
BlurryContainer(
  child: YOUR_WIDGET(),
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

BlurryContainer.square(
  child: YOUR_WIDGET(),
  dimension: 200,
),

BlurryContainer.expand(
  child: YOUR_WIDGET(),
),
Using blurry extension method on
YOUR_WIDGET().blurry(
  blur: 5,
  width: 200,
  height: 200,
  elevation: 0,
  color: Colors.transparent,
  padding: const EdgeInsets.all(8),
  borderRadius: const BorderRadius.all(Radius.circular(20)),
),

Support :heart:

Star project on github.com.

Like on pub.dev.