A simple fragment transaction effect in Flutter
flutter_fragments
A simple fragment transaction effect in Flutter.
Getting Started
Add this to your package's pubspec.yaml file:
dependencies:
flutter_fragments: ^0.02
example
Default effect
class FragmentsDemo extends StatefulWidget {
static final String title = "Fragments";
@override
_FragmentsDemoState createState() => _FragmentsDemoState();
}
class _FragmentsDemoState extends State<FragmentsDemo> {
FragmentsController controller = FragmentsController();
Offset startingOffset = Offset.zero;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: GestureDetector(
onTapUp: (TapUpDetails detail) {
setState(() {
startingOffset = detail.localPosition;
});
controller.start();
},
child: Container(
width: 300,
height: 300,
child: Fragments(
fragmentsController: controller,
startingOffset: startingOffset,
delegate: DefaultFragmentsDraw(disableTransition: true),
child: const FragmentsExample(),
),
),
),
),
);
}
}
Transition effects.
Fragments(
fragmentsController: controller,
startingOffset: startingOffset,
duration: Duration(milliseconds: 3000),
child: const FragmentsExample(),
),
Number of custom fragment
Fragments(
fragmentsController: controller,
startingOffset: startingOffset,
duration: Duration(milliseconds: 3000),
delegate: DefaultFragmentsDraw(rowLength: 25, columnLength: 25),
child: const FragmentsExample(),
),