|
|
import 'package:flutter/material.dart';import 'package:flutter_riverpod/flutter_riverpod.dart';import 'package:image_picker/image_picker.dart';import 'package:my_flutter_puzzle/application/states/image_splitter_state.dart';import 'package:my_flutter_puzzle/application/states/puzzle_state.dart';import 'package:my_flutter_puzzle/models/puzzle_data.dart';import 'package:my_flutter_puzzle/providers.dart';import 'package:my_flutter_puzzle/res/palette.dart';import 'package:my_flutter_puzzle/res/puzzle_constants.dart';import 'package:my_flutter_puzzle/utils/color_brightness.dart';import 'package:my_flutter_puzzle/utils/puzzle_solver.dart';import 'package:my_flutter_puzzle/widgets/photo_screen/image_viewer.dart';import 'package:my_flutter_puzzle/widgets/photo_screen/pick_image_button.dart';import 'package:my_flutter_puzzle/widgets/solo_screen/countdown_overlay.dart';import 'package:my_flutter_puzzle/widgets/solo_screen/solo_screen_export.dart';import 'package:palette_generator/palette_generator.dart';import 'package:rive/rive.dart';
class PhotoScreenMedium extends ConsumerStatefulWidget { const PhotoScreenMedium({ required this.solverClient, required this.initialPuzzleData, required this.puzzleSize, required this.riveController, Key? key, }) : super(key: key);
final PuzzleSolverClient solverClient; final PuzzleData initialPuzzleData; final int puzzleSize; final RiveAnimationController riveController;
@override ConsumerState<ConsumerStatefulWidget> createState() => _PhotoScreenMediumState();}
class _PhotoScreenMediumState extends ConsumerState<PhotoScreenMedium> { late final PuzzleSolverClient _solverClient; late final int _puzzleSize; late final PuzzleData _initialPuzzleData; late final RiveAnimationController _riveController; bool _isStartPressed = false;
final _imagePicker = ImagePicker();
List<Image>? _previousImages; Image? _previousImage; PaletteGenerator? _previousPalette;
@override void initState() { _solverClient = widget.solverClient; _puzzleSize = widget.puzzleSize; _initialPuzzleData = widget.initialPuzzleData; _riveController = widget.riveController; super.initState(); }
@override Widget build(BuildContext context) { ref.listen(puzzleNotifierProvider(_solverClient), (previous, PuzzleState next) { if (next is PuzzleSolved) {} if (next is PuzzleInitializing) { setState(() { _isStartPressed = true; }); } });
ref.listen(imageSplitterNotifierProvider, (previous, next) { if (next is ImageSplitterComplete) { setState(() { _previousImages = next.images; _previousImage = next.image; _previousPalette = next.palette; }); } });
var fontSize = 64.0; var boardSize = 400.0;
var spacing = 5; var eachBoxSize = (boardSize / _puzzleSize) - (spacing * (_puzzleSize - 1));
return Stack( children: [ Scaffold( backgroundColor: Palette.blue.darken(0.3), body: Stack( children: [ Row( children: [ const Spacer(), AnimatedDash( boardSize: boardSize / 1.5, riveController: _riveController, onInit: (_) => setState(() {}), ), ], ), SingleChildScrollView( child: Column( mainAxisAlignment: MainAxisAlignment.center, // crossAxisAlignment: CrossAxisAlignment.start,
children: [ Row(), // Text(
// _puzzleType,
// style: const TextStyle(
// fontSize: 18,
// fontWeight: FontWeight.w500,
// color: Colors.white,
// ),
// ),
const SizedBox(height: 8), const Text( 'Puzzle Challenge', style: TextStyle( fontSize: 36, fontWeight: FontWeight.w500, color: Colors.white, ), ), const SizedBox(height: 16), MovesTilesWidget(solverClient: _solverClient), const SizedBox(height: 16), const TimerWidget(fontSize: 36), const SizedBox(height: 36), Consumer( builder: (context, ref, child) { final state = ref.watch(imageSplitterNotifierProvider); return state.maybeWhen( () => PuzzleWidget( solverClient: _solverClient, boardSize: boardSize, eachBoxSize: eachBoxSize, initialPuzzleData: _initialPuzzleData, fontSize: fontSize, images: _previousImages, kInitialSpeed: kInitialSpeed, ), complete: (image, images, palette) { _previousImages = images; _previousImage = image; _previousPalette = palette;
return PuzzleWidget( solverClient: _solverClient, boardSize: boardSize, eachBoxSize: eachBoxSize, initialPuzzleData: _initialPuzzleData, fontSize: fontSize, images: images, kInitialSpeed: kInitialSpeed, ); }, orElse: () => PuzzleWidget( solverClient: _solverClient, boardSize: boardSize, eachBoxSize: eachBoxSize, initialPuzzleData: _initialPuzzleData, fontSize: fontSize, images: _previousImages, kInitialSpeed: kInitialSpeed, ), ); }, ), const SizedBox(height: 36), Row( mainAxisSize: MainAxisSize.min, children: [ GameButtonWidget( solverClient: _solverClient, initialPuzzleData: _initialPuzzleData, ), const SizedBox(width: 36), PickImageButton( text: 'Pick Image', onTap: ref.read(imageSplitterNotifierProvider) is ImageSplitterComplete ? () => ref.read(imageSplitterNotifierProvider.notifier).generateImages( picker: _imagePicker, puzzleSize: _puzzleSize, ) : null, ), ], ), const SizedBox(height: 36), ImageViewer( imagePicker: _imagePicker, puzzleSize: _puzzleSize, previousImage: _previousImage, previousPalette: _previousPalette, imageSize: 150, ), ], ), ), ], ), ), CountdownOverlay( isStartPressed: _isStartPressed, onFinish: () { ref.read(timerNotifierProvider.notifier).startTimer(); setState(() { _isStartPressed = false; }); }, initialSpeed: kInitialSpeed, ), ], ); }}
|
