rotation_three_d_effect 0.1.3

A Flutter package that allows to apply a Three Dimensional roatation to any widget, also allowing the user to rotate it as they whish.

Rotation 3D Effect

A Flutter package inspired by SwiftUI's rotation3DEffect that allows to apply a Three Dimensional Rotation to any widget, also allowing the user to rotate it as they whish.

Installation

Add the following line to your pubspec.yaml file:

dependencies:
  rotation_three_d_effect: ^0.1.3

Usage

1. Import the package:

import 'package:rotation_three_d_effect/rotation_three_d_effect.dart';

2. Apply 3D Rotation Effect: a) Limited Returns In Place:

Rotation3DEffect.limitedReturnsInPlace(
  child: Text(
    'Hello 3D Rotation! \n(Returns in place)',
    style: TextStyle(fontSize: 35),
  ),
)

b) Limited Rotation (No Return in Place):

Rotation3DEffect.limited(
  maximumPan: 80,
  child: FilledButton.tonal(
    onPressed: () {},
    child: const Text("Limited 3D Rotation (No return in place)"),
  ),
)

c) Full 3D Rotation:

Rotation3DEffect(
  child: FlutterLogo(
    size: 150,
  ),
)

d) Full Custom:

Rotation3DEffect(
    maximumPan: 20,
    returnsInPlace: true,
    returnInPlaceDuration: const Duration(seconds: 2),
    child: Card(
      elevation: 6,
      color: Colors.amber[300],
      shadowColor: Colors.black,
      child: const SizedBox(
        height: 160,
        width: 300,
        child: Center(child: Text("Rotating Card")),
      ),
    ),
)

This widget allows limited rotation with a return to the original position.

Important Notice

This project is still in development, bugs may be present and I encourage you to report them. New features are under development and will be coming in the next weeks.