π Language: English | δΈζ
π Check out the Live Demo.
Easy mosaic effect for Flutter!
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_mosaicor add flutter_mosaic to pubspec.yaml dependencies manually.
dependencies:
flutter_mosaic: ^latest_versionExample: 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