import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'home_screen.dart'; // Placeholder - Create this file import 'reels_page.dart'; // Placeholder - Create this file import 'city_page.dart'; // Placeholder - Create this file class SimlyssHomeScreen extends StatefulWidget { final bool isPro; // Added final const SimlyssHomeScreen({super.key, required this.isPro}); @override SimlyssHomeScreenState createState() => SimlyssHomeScreenState(); } class SimlyssHomeScreenState extends State { final List storiesIcons = [ 'assets/icons/brainstorm.png', 'assets/icons/books.png', 'assets/icons/fitness.png', 'assets/icons/work.png' ]; // Ensure assets directory and icons exist or replace with valid paths/widgets // Example: Placeholder if assets don't exist // final List storiesWidgets = [ // CircleAvatar(radius: 36, child: Icon(Icons.lightbulb)), // CircleAvatar(radius: 36, child: Icon(Icons.book)), // CircleAvatar(radius: 36, child: Icon(Icons.fitness_center)), // CircleAvatar(radius: 36, child: Icon(Icons.work)), // ]; final List> publicationFilters = [ { 'title': 'Your Feed', 'isSelected': true, 'icon': CupertinoIcons.list_bullet, // Added icons for filters }, { 'title': 'Reels', 'isSelected': false, 'icon': CupertinoIcons.play_rectangle, }, { 'title': 'In Your City', 'isSelected': false, 'icon': CupertinoIcons.location, } ]; int _selectedFilterIndex = 0; // Index for filters maps directly to page index int _bottomNavIndex = 0; // Index for bottom navigation bar final List _pages = [ const FeedPage(), const ReelsPage(), const CityPage(), ]; // Method to build the filter chips section Widget _buildFilterChips() { return Container( color: Colors.white, // Ensure background color for pinned header padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10), child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( children: List.generate(publicationFilters.length, (index) { final filter = publicationFilters[index]; return Padding( padding: const EdgeInsets.symmetric(horizontal: 4), child: GestureDetector( onTap: () { setState(() { // Update filter selection state for (int i = 0; i < publicationFilters.length; i++) { publicationFilters[i]['isSelected'] = (i == index); } _selectedFilterIndex = index; }); }, child: Container( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10), decoration: BoxDecoration( color: filter['isSelected'] ? const Color(0xFFE91E63) : Colors.grey.shade200, borderRadius: BorderRadius.circular(20), ), child: Row( children: [ Icon( filter['icon'], color: filter['isSelected'] ? Colors.white : Colors.black, size: 18, // Adjusted size ), const SizedBox(width: 6), // Adjusted spacing Text( filter['title'], style: TextStyle( color: filter['isSelected'] ? Colors.white : Colors.black, fontWeight: FontWeight.bold, fontSize: 14, // Adjusted size ), ), ], ), ), ), ); }), ), ), ); } Widget _buildBottomNavigationBar() { return BottomNavigationBar( backgroundColor: Colors.white, selectedItemColor: Colors.black, unselectedItemColor: Colors.grey, showSelectedLabels: false, showUnselectedLabels: false, type: BottomNavigationBarType.fixed, currentIndex: _bottomNavIndex, // Use separate index for bottom nav onTap: (index) { // Handle bottom navigation tap separately // You might want to navigate to different primary sections here setState(() { _bottomNavIndex = index; // Example: If bottom nav 'Home' (index 0) is tapped, // reset the filter to 'Your Feed' if (index == 0) { for (int i = 0; i < publicationFilters.length; i++) { publicationFilters[i]['isSelected'] = (i == 0); } _selectedFilterIndex = 0; } // Add logic for other bottom nav items (Connections, Messages, Profile) // These might navigate to completely different screens or update state. }); }, items: const [ // Made items const BottomNavigationBarItem( icon: Icon(CupertinoIcons.home, size: 28), label: 'Home', ), BottomNavigationBarItem( icon: Icon(CupertinoIcons.person_2, size: 28), label: 'Connections', ), BottomNavigationBarItem( icon: Icon(CupertinoIcons.chat_bubble_2, size: 28), label: 'Messages', ), BottomNavigationBarItem( icon: Icon(CupertinoIcons.person, size: 28), label: 'Profile', ), ], ); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.white, body: NestedScrollView( headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return [ SliverAppBar( backgroundColor: Colors.white, elevation: 0, // Consider elevation: innerBoxIsScrolled ? 1.0 : 0.0, title: const Text( 'Simlyss', style: TextStyle( fontSize: 22, fontWeight: FontWeight.bold, color: Colors.black, ), ), centerTitle: false, actions: [ IconButton( icon: const Icon( CupertinoIcons.bell, color: Colors.black, size: 24, ), onPressed: () {}, // Notifications ), IconButton( icon: const Icon( CupertinoIcons.search, color: Colors.black, size: 24, ), onPressed: () {}, // Search ), ], floating: true, // Makes AppBar scroll away snap: true, // Snaps AppBar into view when scrolling up slightly forceElevated: innerBoxIsScrolled, // Show shadow when content scrolls under ), // Story Highlights Sliver SliverToBoxAdapter( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8), child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( children: storiesIcons.map((icon) => Padding( padding: const EdgeInsets.symmetric(horizontal: 8), child: Container( decoration: BoxDecoration( shape: BoxShape.circle, border: Border.all(color: const Color(0xFFE91E63), width: 2), ), child: CircleAvatar( radius: 36, backgroundColor: Colors.white, // Use Image.asset or a placeholder child: Image.asset( icon, width: 40, height: 40, errorBuilder: (context, error, stackTrace) => const Icon(Icons.error, size: 40), // Handle asset error ) // child: const Icon(Icons.person, size: 40), // Placeholder example ), ), )).toList(), ), ), ), ), // Pinned Publication Filters Sliver SliverPersistentHeader( delegate: _SliverAppBarDelegate( minHeight: 60.0, // Adjust height as needed maxHeight: 60.0, // Adjust height as needed child: _buildFilterChips(), ), pinned: true, // This keeps the filters visible at the top ), ]; }, // Body content changes based on the selected filter body: IndexedStack( // Use IndexedStack to keep page state index: _selectedFilterIndex, children: _pages, ), // body: _pages[_selectedFilterIndex], // Simpler alternative if state preservation isn't critical ), bottomNavigationBar: _buildBottomNavigationBar(), ); } } // Delegate for SliverPersistentHeader to manage the filter chips bar class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate { _SliverAppBarDelegate({ required this.minHeight, required this.maxHeight, required this.child, }); final double minHeight; final double maxHeight; final Widget child; @override double get minExtent => minHeight; @override double get maxExtent => maxHeight; @override Widget build( BuildContext context, double shrinkOffset, bool overlapsContent) { return SizedBox.expand(child: child); } @override bool shouldRebuild(_SliverAppBarDelegate oldDelegate) { return maxHeight != oldDelegate.maxHeight || minHeight != oldDelegate.minHeight || child != oldDelegate.child; } } import 'package:flutter/material.dart'; // Placeholder Feed Page class FeedPage extends StatelessWidget { const FeedPage({super.key}); @override Widget build(BuildContext context) { // Replace with your actual Feed content, likely a ListView or similar return ListView.builder( itemCount: 20, // Example item count itemBuilder: (context, index) { return Card( margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), child: ListTile( leading: CircleAvatar( child: Text('${index + 1}'), ), title: Text('Feed Item ${index + 1}'), subtitle: const Text('This is some content for the feed.'), ), ); }, ); } } import 'package:flutter/material.dart'; // Placeholder Reels Page class ReelsPage extends StatelessWidget { const ReelsPage({super.key}); @override Widget build(BuildContext context) { // Replace with your actual Reels content, likely a PageView or similar return PageView.builder( scrollDirection: Axis.vertical, // Typical Reels scroll direction itemCount: 10, // Example item count itemBuilder: (context, index) { return Container( color: Colors.primaries[index % Colors.primaries.length], // Example background child: Center( child: Text( 'Reel ${index + 1}', style: const TextStyle(fontSize: 30, color: Colors.white), ), ), ); }, ); } } import 'package:flutter/material.dart'; // Placeholder City Page class CityPage extends StatelessWidget { const CityPage({super.key}); @override Widget build(BuildContext context) { // Replace with your actual City content return ListView.builder( itemCount: 15, // Example item count itemBuilder: (context, index) { return Card( margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), child: ListTile( leading: const Icon(Icons.location_city), title: Text('City Location / Event ${index + 1}'), subtitle: const Text('Details about something happening in the city.'), ), ); }, ); } } import 'package:flutter/material.dart'; import 'simlyss_home_screen.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { // Create assets/icons directory and add the specified PNG files // If you don't have the assets, the Image.asset will show an error icon. return MaterialApp( title: 'Simlyss App', theme: ThemeData( primarySwatch: Colors.pink, // Example theme visualDensity: VisualDensity.adaptivePlatformDensity, ), home: const SimlyssHomeScreen(isPro: false), // Pass the required parameter debugShowCheckedModeBanner: false, ); } } name: simlyss_app description: A Flutter application demonstrating nested scrolling. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.6 # Use latest version dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^3.0.0 # Use latest version flutter: uses-material-design: true # To add assets to your application, add an assets section, like this: # Ensure you have this directory and the icons within it assets: - assets/icons/brainstorm.png - assets/icons/books.png - assets/icons/fitness.png - assets/icons/work.png # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see # https://flutter.dev/assets-and-images/#resolution-aware # For details regarding adding assets from package dependencies, see # https://flutter.dev/assets-and-images/#from-packages # To add custom fonts to your application, add a fonts section here, # in this "flutter" section. Each entry in this list should have a # "family" key with the font family name, and a "fonts" key with a # list giving the asset and other descriptors for the font. For # example: # fonts: # - family: Schyler # fonts: # - asset: fonts/Schyler-Regular.ttf # - asset: fonts/Schyler-Italic.ttf # style: italic # - family: Trajan Pro # fonts: # - asset: fonts/TrajanPro.ttf # - asset: fonts/TrajanPro_Bold.ttf # weight: 700 # # For details regarding fonts from package dependencies, # see https://flutter.dev/custom-fonts/#from-packages