📓 Language: English | 中文
🎁 Check out the Live Demo.

Flutter Mosaic

Easy mosaic effect for Flutter!

Check out the Live Demo

Table of contents 🪄

• Features

• Install

  • Versions compatibility

  • Add package

• Usage

  • Mosaic

• Contributors

• License

Features ✨

• 👀 Shader effect
• 📦 Any widget
• 🖼️ Customize the width and height of each mosaic block
• 🎨 Customize the number of samples in each mosaic block

Install 🎯

Versions compatibility 🐦

Flutter	3.7.0+	3.10.0+
flutter_mosaic 0.0.1+	✅ (Web ❌)	✅

Add package 📦

Run this command with Flutter,

$ flutter pub add flutter_mosaic

or add flutter_mosaic to pubspec.yaml dependencies manually.

dependencies:
  flutter_mosaic: ^latest_version

Usage 📖

Example: flutter_mosaic/example

Mosaic 📦

/// Import flutter_mosaic
import 'package:flutter_mosaic/flutter_mosaic.dart';

Mosaic(
  mosaicSize: Size(6.0, 6.0),
  child: Text(
    'Flutter Mosaic',
    style: TextStyle(
      fontSize: 50,
      fontWeight: FontWeight.bold,
    ),
  ),
),

Parameter	Type	Default	Description
enabled	bool	true	Enable mosaic.
mosaicSize required	Size	-	Each mosaic block size.
sampleCount	SampleCount	SampleCount.s4	Number of samples in each mosaic block.
child required	Widget	-	Target widget (apply mosaic).

Contributors ✨

AmosHuKe

License 📄

Open sourced under the MIT license.

© AmosHuKe