import 'package:flutter/material.dart'; import 'package:bus_ticketing_onboarding/onboarding_screen.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Bus Ticketing App', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: const OnboardingScreen(), debugShowCheckedModeBanner: false, ); } } import 'package:flutter/material.dart'; import 'package:bus_ticketing_onboarding/onboarding_page.dart'; class OnboardingScreen extends StatefulWidget { const OnboardingScreen({super.key}); @override State createState() => _OnboardingScreenState(); } class _OnboardingScreenState extends State { final PageController _pageController = PageController(); int _currentPage = 0; final List> onboardingData = [ { "title": "Welcome to BusGo!", "description": "Easily book your bus tickets anytime, anywhere.", "image": "assets/images/onboarding1.png" // Replace with your actual image path }, { "title": "Find Your Route", "description": "Search for routes, check schedules, and compare prices.", "image": "assets/images/onboarding2.png" // Replace with your actual image path }, { "title": "Secure & Easy Payment", "description": "Pay securely with various payment options and get your e-ticket instantly.", "image": "assets/images/onboarding3.png" // Replace with your actual image path }, ]; @override void dispose() { _pageController.dispose(); super.dispose(); } void _onPageChanged(int page) { setState(() { _currentPage = page; }); } void _navigateToHome() { // Replace with your actual navigation logic to the home screen print("Navigate to Home Screen"); // Example: Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => HomeScreen())); } @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Column( children: [ Expanded( child: PageView.builder( controller: _pageController, itemCount: onboardingData.length, onPageChanged: _onPageChanged, itemBuilder: (context, index) { // Use a placeholder icon if image loading fails or path is incorrect Widget imageWidget = Image.asset( onboardingData[index]['image']!, height: 300, // Adjust height as needed errorBuilder: (context, error, stackTrace) { return const Icon(Icons.directions_bus, size: 150, color: Colors.grey); }, ); return OnboardingPage( title: onboardingData[index]['title']!, description: onboardingData[index]['description']!, imageWidget: imageWidget, ); }, ), ), Row( mainAxisAlignment: MainAxisAlignment.center, children: List.generate( onboardingData.length, (index) => buildDot(index: index), ), ), Padding( padding: const EdgeInsets.all(20.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ if (_currentPage != onboardingData.length - 1) TextButton( onPressed: _navigateToHome, // Skip goes directly to home child: const Text('Skip'), ) else const SizedBox(width: 60), // Placeholder for alignment ElevatedButton( onPressed: () { if (_currentPage == onboardingData.length - 1) { _navigateToHome(); } else { _pageController.nextPage( duration: const Duration(milliseconds: 300), curve: Curves.easeIn, ); } }, child: Text( _currentPage == onboardingData.length - 1 ? 'Done' : 'Next', ), ), ], ), ), ], ), ), ); } AnimatedContainer buildDot({required int index}) { return AnimatedContainer( duration: const Duration(milliseconds: 200), margin: const EdgeInsets.only(right: 5), height: 6, width: _currentPage == index ? 20 : 6, decoration: BoxDecoration( color: _currentPage == index ? Theme.of(context).primaryColor : const Color(0xFFD8D8D8), borderRadius: BorderRadius.circular(3), ), ); } } import 'package:flutter/material.dart'; class OnboardingPage extends StatelessWidget { final String title; final String description; final Widget imageWidget; // Accept a widget for flexibility (Image.asset, Icon, etc.) const OnboardingPage({ super.key, required this.title, required this.description, required this.imageWidget, }); @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.all(40.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ const Spacer(flex: 2), imageWidget, // Display the provided image widget const Spacer(flex: 1), Text( title, textAlign: TextAlign.center, style: Theme.of(context).textTheme.headlineSmall?.copyWith( fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Text( description, textAlign: TextAlign.center, style: Theme.of(context).textTheme.bodyLarge, ), const Spacer(flex: 2), ], ), ); } } name: bus_ticketing_onboarding description: Flutter onboarding screens for a bus ticketing app. 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.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true # To add assets to your application, add an assets section, like this: # assets: # - assets/images/onboarding1.png # - assets/images/onboarding2.png # - assets/images/onboarding3.png # Make sure to create this folder structure and add your images. # For now, placeholder icons are used if images are not found.