89 lines
3.3 KiB
Dart
89 lines
3.3 KiB
Dart
|
import 'dart:math';
|
||
|
|
|
||
|
|
import 'package:fiszki_projekt/components/flashcards_page/card_display.dart';
|
||
|
|
import 'package:fiszki_projekt/configs/constants.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:provider/provider.dart';
|
||
|
|
|
||
|
|
import '../../animations/half_flip_animation.dart';
|
||
|
|
import '../../animations/slide_animation.dart';
|
||
|
|
import '../../enums/slide_direction_enum.dart';
|
||
|
|
import '../../notifiers/flashcards_notifier.dart';
|
||
|
|
|
||
|
|
class Card2 extends StatelessWidget {
|
||
|
|
const Card2({
|
||
|
|
super.key,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
final size = MediaQuery.of(context).size;
|
||
|
|
return Consumer<FlashcardsNotifier>(
|
||
|
|
builder: (_, notifier, __) => GestureDetector(
|
||
|
|
//gdy fiszka zostanie przesunięta w lewo lub prawo
|
||
|
|
onHorizontalDragEnd: (details) {
|
||
|
|
debugPrint('WARTOŚĆ SWIPE: ${details.primaryVelocity}');
|
||
|
|
if (details.primaryVelocity! > 0) {
|
||
|
|
//gdy fiszka zostanie przesunięta w lewo
|
||
|
|
notifier.runSwipeCard2(direction: SlideDirectionEnum.leftAway);
|
||
|
|
notifier.runSlideCard1();
|
||
|
|
notifier.setIgnoreTouch(ignore: true);
|
||
|
|
//generujemy nowe słowo na nową fisze po przesunięciu
|
||
|
|
notifier.generateCurrentWord(context: context);
|
||
|
|
}
|
||
|
|
if (details.primaryVelocity! < 0) {
|
||
|
|
//gdy fiszka zostanie przesunięta w prawo
|
||
|
|
notifier.runSwipeCard2(direction: SlideDirectionEnum.rightAway);
|
||
|
|
notifier.runSlideCard1();
|
||
|
|
notifier.setIgnoreTouch(ignore: true);
|
||
|
|
//generujemy nowe słowo na nową fisze po przesunięciu
|
||
|
|
notifier.generateCurrentWord(context: context);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
child: HalfFlipAnimation(
|
||
|
|
animate: notifier.flipCard2,
|
||
|
|
reset: notifier.resetFlipCard2,
|
||
|
|
secondHalfFlip: true,
|
||
|
|
fistHalfFlipDone: () {
|
||
|
|
debugPrint('anim2 flip zrobiony');
|
||
|
|
//po animacji już można dotykać karty
|
||
|
|
notifier.setIgnoreTouch(ignore: false);
|
||
|
|
},
|
||
|
|
child: SlideAnimation(
|
||
|
|
animationCompleted: () {
|
||
|
|
notifier.resetCard2();
|
||
|
|
},
|
||
|
|
reset: notifier.resetSwipeCard2,
|
||
|
|
//ta animacja sie odpali jesli swipeCard2 będzie true
|
||
|
|
animate: notifier.swipeCard2,
|
||
|
|
//tutaj z enuma wybieram kierunek animacji
|
||
|
|
direction: notifier.swipedDirection,
|
||
|
|
// animacja dla fiszki
|
||
|
|
child: Center(
|
||
|
|
// to jest katta fiszki
|
||
|
|
child: Container(
|
||
|
|
width: size.width *
|
||
|
|
constFlashcardWidth, // wymiary fiszki na podstawie ekranu
|
||
|
|
height: size.height * constFlashcardHeigth,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
border: Border.all(
|
||
|
|
color: Colors.white,
|
||
|
|
width: constFlashcardBorderWidth,
|
||
|
|
),
|
||
|
|
borderRadius:
|
||
|
|
BorderRadius.circular(constBorderRadiusElevatedButtons),
|
||
|
|
color: Theme.of(context).primaryColor,
|
||
|
|
),
|
||
|
|
child: Transform(
|
||
|
|
alignment: Alignment.center,
|
||
|
|
transform: Matrix4.rotationY(pi),
|
||
|
|
child: const CardDisplay(isCard1: false)),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|