📓 Language: English | 中文
🎁 Check out the Live Demo.
Easy mosaic effect for Flutter!
![preview1.gif](https://raw.githubusercontent.com/amoshuke/flutter_mosaic/main/README/preview1.gif)
Check out the Live Demo
- 👀 Shader effect
- 📦 Any widget
- 🖼️ Customize the width and height of each mosaic block
- 🎨 Customize the number of samples in each mosaic block
Flutter | 3.7.0+ | 3.10.0+ |
---|---|---|
flutter_mosaic 0.0.1+ | ✅ (Web ❌) | ✅ |
Run this command with Flutter,
$ flutter pub add flutter_mosaic
or add flutter_mosaic
to pubspec.yaml
dependencies manually.
dependencies:
flutter_mosaic: ^latest_version
Example: flutter_mosaic/example
/// 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). |
AmosHuKe |
Open sourced under the MIT license.
© AmosHuKe