I found a widget called FlipWidget from package flip_widget. But I want the page turning animation to switch to another page after the page turning animation and as the user turns the page, it switches to the new page. how can I do this. I'm waiting for your ideas on this subject.
Code
import 'package:flutter/material.dart';
import 'package:flip_widget/flip_widget.dart';
import 'dart:math' as math;
void main() {
runApp(BookRead());
}
class BookRead extends StatefulWidget {
@override
_BookReadState createState() => _BookReadState();
}
const double _MinNumber = 0.008;
double _clampMin(double v) {
if (v < _MinNumber && v > -_MinNumber) {
if (v >= 0) {
v = _MinNumber;
} else {
v = -_MinNumber;
}
}
return v;
}
class _BookReadState extends State<BookRead> {
GlobalKey<FlipWidgetState> _flipKey = GlobalKey();
Offset _oldPosition = Offset.zero;
bool _visible = true;
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
// Ekran boyutunu al
Size screenSize = MediaQuery.of(context).size;
// Mavi kutunun boyutunu ekran boyutuna ayarla
Size boxSize = Size(screenSize.width, screenSize.height);
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Visibility(
child: Container(
width: boxSize.width,
height: boxSize.height,
child: GestureDetector(
child: FlipWidget(
key: _flipKey,
textureSize: boxSize * 3,
child: Container(
color: Color.fromARGB(255, 235, 237, 192),
child: Center(
child: Text(
"hello",
),
),
),
// leftToRight: true,
),
onHorizontalDragStart: (details) {
_oldPosition = details.globalPosition;
_flipKey.currentState?.startFlip();
},
onHorizontalDragUpdate: (details) {
Offset off = details.globalPosition - _oldPosition;
double tilt = 1 / _clampMin((-off.dy + 20) / 100);
double percent =
math.max(0, -off.dx / boxSize.width * 1.4);
percent = percent - percent / 2 * (1 - 1 / tilt);
_flipKey.currentState?.flip(percent, tilt);
},
onHorizontalDragEnd: (details) {
_flipKey.currentState?.stopFlip();
},
onHorizontalDragCancel: () {
_flipKey.currentState?.stopFlip();
},
),
),
visible: _visible,
),
],
),
),
),
);
}
}