flutter_mosaic

Description:

flutter mosaic

📓 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
copied to clipboard
or add flutter_mosaic to pubspec.yaml dependencies manually.
dependencies:
flutter_mosaic: ^latest_version
copied to clipboard
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,
),
),
),

copied to clipboard



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