return Scaffold( body: NestedScrollView( headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return <Widget>[ // Используем метод для построения заголовка _buildHomeHeader(context, username, unViewedCounts, opportunitiesState), // Добавляем SliverOverlapAbsorber для корректной работы с вложенными списками SliverOverlapAbsorber( handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), sliver: SliverAppBar( pinned: true, toolbarHeight: 36, backgroundColor: Colors.white, forceElevated: innerBoxIsScrolled, flexibleSpace: FlexibleSpaceBar( background: Padding( padding: const EdgeInsets.symmetric( horizontal: 16, vertical: 8), child: Container( color: Colors.white, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Возможности', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), ], ), ), ), ), bottom: TabBar( controller: _tabController, labelColor: Colors.blue, unselectedLabelColor: Colors.grey, indicatorColor: Colors.blue, isScrollable: true, tabs: [ // Используем кастомные табы с индикаторами непросмотренных элементов BadgedTab( text: 'Стипендии', unviewedCount: unViewedCounts.isNotEmpty ? unViewedCounts[0] : 0, ), BadgedTab( text: 'Стажировки', unviewedCount: unViewedCounts.length > 1 ? unViewedCounts[1] : 0, ), BadgedTab( text: 'Олимпиады', unviewedCount: unViewedCounts.length > 2 ? unViewedCounts[2] : 0, ), // Tab(text: 'Избранные'), // Для избранных индикатор не нужен ], ), ), ), ]; }, body: TabBarView( controller: _tabController, children: tabs.keys.map((String name) { // Map tab name to opportunity type for API calls String? opportunityType; switch (name) { case 'Стипендии': opportunityType = 'grant'; break; case 'Стажировки': opportunityType = 'internship'; break; case 'Олимпиады': opportunityType = 'olympiad'; break; } return SafeArea( top: false, bottom: false, child: Builder( builder: (BuildContext context) { return EasyRefresh( header: const MaterialHeader( position: IndicatorPosition.locator, ), footer: const ClassicFooter( position: IndicatorPosition.locator, processedDuration: Duration(milliseconds: 400), ), onRefresh: () async { // Обновляем данные в зависимости от вкладки context.read<OpportunitiesBloc>().add(RefreshOpportunities()); }, onLoad: () async { // Calculate current offset based on list length final currentList = tabs[name]!; final offset = currentList.length; // Для других вкладок используем OpportunitiesBloc context.read<OpportunitiesBloc>().add(FetchMoreOpportunities( type: opportunityType, offset: offset, )); }, child: CustomScrollView( key: PageStorageKey<String>(name), slivers: <Widget>[ // Overlap injector for nested scrolling SliverOverlapInjector( handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), ), // Header locator for pull-to-refresh const HeaderLocator.sliver(), tabs[name]!.isNotEmpty ? SliverList( delegate: SliverChildBuilderDelegate( (BuildContext context, int index) { final opportunity = tabs[name]![index]; return OpportunityListItem( data: opportunity, onFavoritePressed: (data) { BlocProvider.of<FavoritesBloc>(context).add( ToggleFavoriteStatus(opportunity: data) ); BlocProvider.of<OpportunitiesBloc>(context).add(ToggleFavorite(opportunity: data)); print('Favorite toggled for ${data.title}'); }, onReturnRefresh: () { // Обновляем оба блока при возвращении на экран BlocProvider.of<OpportunitiesBloc>(context).add(RefreshWOAnimation()); BlocProvider.of<FavoritesBloc>(context).add(LoadFavorites()); }, onMarkViewed: (data){ BlocProvider.of<OpportunitiesBloc>(context).add(MarkOpportunityAsViewed( eventId: data.eventId, category: data.typesEvent )); }, ); }, // Use correct length based on the current tab childCount: tabs[name]!.length, ), ) : const SliverFillRemaining( child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.inbox, color: Colors.grey, size: 60), SizedBox(height: 16), Text('Список пуст'), ], ), ), ), // Footer locator for infinite loading const FooterLocator.sliver(), ], ), ); }, ), ); }).toList(), ), ), ); } // Метод для построения заголовка главного экрана с приветствием, уведомлениями, поиском и событиями Widget _buildHomeHeader(BuildContext context, String username, List<int> unViewedCounts, OpportunitiesLoaded opportunitiesState) { return SliverToBoxAdapter( child: Padding( padding: const EdgeInsets.only(bottom: 8.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // Секция приветствия и кнопка уведомлений Padding( padding: const EdgeInsets.only(left: 16, right: 16, top: 16), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Привет, $username!', style: const TextStyle( fontSize: 22, fontWeight: FontWeight.bold, ), ), const Text( 'Найди своё будущее вместе с нами!', style: TextStyle( color: Colors.grey, fontSize: 14, ), ), ], ), Material( color: Colors.white, borderRadius: BorderRadius.circular(12), elevation: 2, child: InkWell( onTap: () { Navigator.of(context).push( MaterialPageRoute( builder: (context) => UnviewedScreen(), ), ); }, borderRadius: BorderRadius.circular(12), child: Container( padding: const EdgeInsets.all(10), child: Badge( // Показываем только маркер без цифры внутри smallSize: 8, backgroundColor: Colors.red, // Показываем бейдж только если есть непросмотренные элементы isLabelVisible: unViewedCounts.fold(0, (total, count) => total + count) > 0, child: const Icon( Icons.notifications, color: Colors.grey, size: 24, ), ), ), ), ), ], ), ), // Поисковая строка с кнопкой фильтрации Padding( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16), child: Row( children: [ Expanded( child: GestureDetector( onTap: () { Navigator.of(context).push( MaterialPageRoute( builder: (context) => const SearchScreen(), ), ); }, child: Container( padding: const EdgeInsets.symmetric(horizontal: 16), height: 48, // Фиксированная высота для поисковой строки decoration: BoxDecoration( color: Colors.white, // Фон контейнера borderRadius: BorderRadius.circular(12), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.1), // Цвет тени blurRadius: 12, // Размытие spreadRadius: 2, // Радиус распространения offset: const Offset(0, 4), // Смещение вниз ), ], ), child: const TextField( enabled: false, // Отключаем редактирование, чтобы работал только onTap decoration: InputDecoration( icon: Icon(Icons.search, color: Colors.grey), hintText: 'Искать', border: InputBorder.none, ), ), ), ), ), const SizedBox(width: 8), Container( decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(12), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.1), // Цвет тени blurRadius: 12, // Размытие spreadRadius: 2, // Радиус распространения offset: const Offset(0, 4), // Смещение вниз ), ], ), child: IconButton( icon: const Icon(Icons.tune), onPressed: () { // Показываем диалог фильтрации или переходим на экран поиска Navigator.of(context).push( MaterialPageRoute( builder: (context) => const SearchScreen(), ), ); }, color: Colors.white, ), ), ], ), ), // Секция "События" с горизонтальным списком Padding( padding: const EdgeInsets.symmetric(horizontal: 16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Мероприятия', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), TextButton( onPressed: () { // Переход в EventsScreen Navigator.of(context).push( MaterialPageRoute( builder: (context) => EventsScreen(), ), ); }, child: const Text( 'Смотреть все', style: TextStyle( color: Colors.blue, ), ), ), ], ), const SizedBox(height: 8), SizedBox( height: 180, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: opportunitiesState.events.length, itemBuilder: (context, index) { final event = opportunitiesState.events[index]; return OpportunityCard( event: event, onReturnRefresh: () { BlocProvider.of<EventBloc>(context).add(RefreshWOAnimationEvent()); }, isHorizontal: true, ); }, ), ), ], ), ), ], ), ), ); }