rotation_stage 0.1.0 icon indicating copy to clipboard operation
rotation_stage: ^0.1.0 copied to clipboard

A four-sided stage for representing 3D objects with four widgets

rotation_stage #

Demo GIF

A simple and beautiful way to display a four sided widget with a basic 3D effect.

Usage #

The simplest way is to use the RotationStage widget. You only have to provide a contentBuilder, everything else is preconfigured.

Widget build(BuildContext context) {
  return RotationStage(
    contentBuilder: (int index,
        RotationStageSide side,
        double currentPage,) =>
        Card(
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
              side.map(
                front: "Front",
                left: "Left",
                back: "Back",
                right: "Right",
              ),
            ),
          ),
        ),
  );
}

You can rotate the widget by swiping on the bottom bar. The top part is purposfully not swipeable, so you can listen to whatever gestures you want there.

If you want more fine-grained control, check out the other parameters of the constructor, or RotationStageBar, RotationStageHandle and RotationStageContent.

The source code for RotationStage should be a good starting point.

Example #

To run the example open the example folder and run flutter create .

4
likes
110
pub points
59%
popularity

Publisher

unverified uploader

A four-sided stage for representing 3D objects with four widgets

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on rotation_stage