скрол детальной карочки

lib/Components/screens/hero_detail_screen.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import '../../presentation/home_page/bloc/hero_detail_bloc.dart';
-import '../../data/dtos/hero_dto.dart';
 import '../../data/repositories/hero_repository.dart';
 
 class HeroDetailScreen extends StatelessWidget {
@@ -16,40 +15,58 @@ class HeroDetailScreen extends StatelessWidget {
     return BlocProvider(
       create: (_) => HeroDetailBloc(heroRepository)..add(FetchHeroDetails(heroId)),
       child: Scaffold(
-        appBar: AppBar(title: Text('Hero Details')),
+        appBar: AppBar(title: const Text('Hero Details')),
         body: BlocBuilder<HeroDetailBloc, HeroDetailState>(
           builder: (context, state) {
             if (state is HeroDetailLoading) {
-              return Center(child: CircularProgressIndicator());
+              // Показ индикатора загрузки
+              return const Center(child: CircularProgressIndicator());
             } else if (state is HeroDetailLoaded) {
               final hero = state.hero;
-              return Padding(
+              return SingleChildScrollView( // Добавляем прокрутку
+                child: Padding(
                   padding: const EdgeInsets.all(16.0),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
+                      // Центрируем изображение героя
                       Center(
                         child: hero.portraitUrl != null
                             ? Image.network(hero.portraitUrl!, height: 150)
-                          : Icon(Icons.image, size: 150),
+                            : const Icon(Icons.image, size: 150),
                       ),
-                    SizedBox(height: 16),
+                      const SizedBox(height: 16),
+
+                      // Имя героя
                       Text(
                         hero.name,
-                      style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
+                        style: const TextStyle(
+                          fontSize: 24,
+                          fontWeight: FontWeight.bold,
                         ),
-                    SizedBox(height: 16),
+                      ),
+                      const SizedBox(height: 16),
+
+                      // Описание героя
                       Text(
                         hero.description ?? 'No description available',
-                      style: TextStyle(fontSize: 16),
+                        style: const TextStyle(fontSize: 16),
                       ),
                     ],
                   ),
+                ),
               );
             } else if (state is HeroDetailError) {
-              return Center(child: Text('Error: ${state.message}'));
+              // Показ сообщения об ошибке
+              return Center(
+                child: Text(
+                  'Error: ${state.message}',
+                  style: const TextStyle(fontSize: 16, color: Colors.red),
+                ),
+              );
             }
-            return SizedBox.shrink();
+            // Пустое состояние по умолчанию
+            return const SizedBox.shrink();
           },
         ),
       ),