reflection_effect 1.0.3 copy "reflection_effect: ^1.0.3" to clipboard
reflection_effect: ^1.0.3 copied to clipboard

Reflectable is a Flutter package that provides a customizable widget designed to create a reflective effect on its child widget, is inspired by CSS box-reflect . It's perfect for adding a touch of ele [...]

image

Reflection #

A Flutter widget that reflects the content of a widget. This widget can be used to create mirror effects or to display information in a more visually appealing way.

Usage #

To use the Reflection widget, you first need to import it into your widget file:

import 'package:reflection/reflection.dart';

Once you have imported the widget, you can use it as follows:

Reflection( 
    child: Text('Hello World',
        style: TextStyle(fontSize: 30, color: Colors.blue)),
)

You can also change the reflection opacity as follows:

Reflection(
    child: Text("This is a reflection"),
    reflectionOpacity: 0.5,
)

Sometimes it becomes necessary to create a negative space between the widget and the reflection. This can be done using negative space.

Reflection(
    negativeSpace: 20,
    child: Text('Hello World',
        style: TextStyle(fontSize: 30, color: Colors.blue)),
    )
2
likes
140
points
39
downloads

Publisher

unverified uploader

Weekly Downloads

Reflectable is a Flutter package that provides a customizable widget designed to create a reflective effect on its child widget, is inspired by CSS box-reflect . It's perfect for adding a touch of elegance and sophistication to your app's UI by mirroring the content of any widget you choose.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on reflection_effect