fix: question animations

ios/Runner/Info.plist

@@ -2,6 +2,11 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+    <key>NSAppTransportSecurity</key>
+    <dict>
+      <key>NSAllowsArbitraryLoads</key>
+      <true/>
+    </dict>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>

lib/core/widgets/answer_box/styles/picture_box.dart

@@ -19,6 +19,7 @@ class AnswerPictureBox extends StatelessWidget {
     required this.correctAnswer,
     this.onTap,
     this.autostart = Autostart.no,
+    this.showIndex = true,
   });
 
   final bool selected;
@@ -27,6 +28,7 @@ class AnswerPictureBox extends StatelessWidget {
   final int correctAnswer;
   final VoidCallback? onTap;
   final Autostart autostart;
+  final bool showIndex;
 
   @override
   Widget build(BuildContext context) {
@@ -72,6 +74,7 @@ class AnswerPictureBox extends StatelessWidget {
                     ),
               ),
             ),
+            if (showIndex)
               PositionedDirectional(
                 top: 0,
                 child: Container(

lib/features/question/presentation/bloc/question_bloc.dart

@@ -45,7 +45,6 @@ class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
     _backgroundAudioService.dispose();
     answerAnimationController.dispose();
     imageAnimationController.dispose();
-    titleController.dispose();
     return super.close();
   }
 
@@ -77,16 +76,20 @@ class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
   final AudioService _effectAudioService;
   late final AnimationController answerAnimationController;
   late final AnimationController imageAnimationController;
-  final ScrollController titleController = ScrollController();
 
   /// ------------Functions------------
-  void startScrollTitle({Duration? audioDuration}) {
-    if (audioDuration == null || audioDuration == Duration.zero) return;
-    titleController.animateTo(
-        titleController.position.maxScrollExtent,
-        duration: audioDuration,
-        curve: Curves.linear
-    );
+  // void startScrollTitle({Duration? audioDuration}) {
+  //   if (audioDuration == null || audioDuration == Duration.zero) return;
+  //   titleController.animateTo(
+  //       titleController.position.maxScrollExtent,
+  //       duration: audioDuration,
+  //       curve: Curves.linear
+  //   );
+  // }
+
+  Future<void> showImageWithDelayed() async {
+    await Future.delayed(const Duration(milliseconds: 500));
+    imageAnimationController.forward();
   }
 
   void showHadith({required BuildContext context}) {
@@ -136,11 +139,7 @@ class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
   }
 
   Future<void> playQuestionAudio() async {
-    if(titleController.hasClients){
-      titleController.jumpTo(0);
-    }
-    Duration? duration = await _mainAudioService.setAudio(filePath: state.currentQuestion?.audio);
-    startScrollTitle(audioDuration: duration);
+    await _mainAudioService.setAudio(filePath: state.currentQuestion?.audio);
     await _mainAudioService.play();
   }
 
@@ -262,7 +261,6 @@ class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
     emit(state.copyWith(correctAnswer: event.chooseCorrectAnswer));
 
     if (event.chooseCorrectAnswer) {
-      answerAnimationController.reverse();
       await showAnswerDialog(
         context: MyContext.get,
         correctAudio: state.currentQuestion?.correctAudio,
@@ -292,6 +290,7 @@ class QuestionBloc extends Bloc<QuestionEvent, QuestionState> {
           }
         } else {
           showingAnswerSequence(show: true);
+          answerAnimationController.reverse();
           imageAnimationController.forward();
           await playQuestionAudio();
           imageAnimationController.reverse();

lib/features/question/presentation/ui/screens/question_screen.dart

@@ -76,8 +76,6 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
     return Column(
       children: [
         _stepper(),
-        _titles(context),
-        MySpaces.s20.gapHeight,
         Expanded(
           child: Stack(
             children: [
@@ -95,11 +93,13 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
     return Column(
       children: [
         Spacer(),
-        FadeAnimController(
+        BlocBuilder<QuestionBloc, QuestionState>(
+          builder: (context, state) => FadeAnimController(
+            key: Key('${state.currentQuestion?.image}'),
             controller: context.read<QuestionBloc>().imageAnimationController,
-          child: BlocBuilder<QuestionBloc, QuestionState>(
-            builder: (context, state) => AnswerPictureBox(
+            child: AnswerPictureBox(
               selected: false,
+              showIndex: false,
               correctAnswer: 0,
               index: 0,
               image: state.currentQuestion?.image ?? '',
@@ -129,14 +129,9 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
     return BlocBuilder<QuestionBloc, QuestionState>(
       buildWhen: (previous, current) =>
           previous.currentQuestion?.id != current.currentQuestion?.id,
-      builder: (context, state) =>
-          FadeAnim(
-            child: SizedBox(
-              height: 100,
-              child: ListView(
-                controller: context.read<QuestionBloc>().titleController,
-                children: [
-                  Text(
+      builder: (context, state) => FadeAnimController(
+        controller: context.read<QuestionBloc>().answerAnimationController,
+        child: Text(
           state.currentQuestion?.title ?? '',
           textAlign: TextAlign.center,
           style: MYTextStyle.titr1.copyWith(
@@ -148,15 +143,16 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
             ],
           ),
         ),
-                ],
-              ),
-            ),
       ),
     );
   }
 
   Widget _answers(BuildContext context) {
-    return BlocBuilder<QuestionBloc, QuestionState>(
+    return ListView(
+      children: [
+        _titles(context),
+        30.0.gapHeight,
+        BlocBuilder<QuestionBloc, QuestionState>(
           buildWhen: (previous, current) =>
           previous.currentQuestion?.id != current.currentQuestion?.id,
             builder: (context, state) => GridView.builder(
@@ -197,6 +193,8 @@ class _QuestionScreenState extends State<QuestionScreen> with TickerProviderStat
                     ),
                   ),
           ),
+        ),
+      ],
     );
   }
 

pubspec.yaml

@@ -1,7 +1,7 @@
 name: hadi_hoda_flutter
 description: "A new Flutter project."
 publish_to: 'none'
-version: 0.2.0+1
+version: 0.2.1+1
 
 environment:
   sdk: ^3.9.2