Okay, let's create a simple Flutter Hall Booking application. This version will handle input, display a confirmation, allow sharing, and show a list of bookings (stored in memory for this example). First, we need to add dependencies to `pubspec.yaml`. name: hall_booking_app description: A new Flutter project. 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' # Adjusted SDK constraint dependencies: flutter: sdk: flutter intl: ^0.19.0 # For date formatting share_plus: ^9.0.0 # For sharing functionality uuid: ^4.0.0 # For generating unique booking codes cupertino_icons: ^1.0.6 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^3.0.0 flutter: uses-material-design: true Now, let's create the Dart files for the application. import 'package:intl/intl.dart'; class Booking { final String id; final String name; final String contact; final DateTime startDate; final DateTime endDate; final String bookingType; final double totalRent; final String bookingCode; Booking({ required this.id, required this.name, required this.contact, required this.startDate, required this.endDate, required this.bookingType, required this.totalRent, required this.bookingCode, }); String get formattedStartDate => DateFormat('yyyy-MM-dd').format(startDate); String get formattedEndDate => DateFormat('yyyy-MM-dd').format(endDate); String get confirmationMessage { return ''' 📅 Hall Booking Confirmation 📅 ----------------------------- 👤 Name: $name 📞 Contact: $contact 🗓 Start Date: $formattedStartDate 🗓 End Date: $formattedEndDate 🔖 Booking Code: $bookingCode 💰 Total Rent: \$${totalRent.toStringAsFixed(2)} 📌 Booking Type: $bookingType '''; } } import 'package:flutter/material.dart'; import 'booking_form_screen.dart'; import 'booking_list_screen.dart'; import 'booking_model.dart'; void main() { runApp(const MyApp()); } // Simple state management: Store bookings globally (for this example) // In a real app, use Provider, Riverpod, Bloc, etc. List bookings = []; class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Hall Booking', theme: ThemeData( primarySwatch: Colors.teal, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: const HomeScreen(), ); } } class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { int _selectedIndex = 0; // Callback function to update the bookings list and refresh UI void _addBooking(Booking newBooking) { setState(() { bookings.add(newBooking); _selectedIndex = 1; // Switch to booking list view after adding }); } // Callback to refresh the list screen when navigating back void _refreshBookings() { setState(() {}); } late final List _widgetOptions; @override void initState() { super.initState(); _widgetOptions = [ BookingFormScreen(onBookingConfirmed: _addBooking), BookingListScreen(bookings: bookings, onNavigateBack: _refreshBookings), ]; } void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { // Update widget options if bookings change externally (though less likely here) _widgetOptions[1] = BookingListScreen(bookings: bookings, onNavigateBack: _refreshBookings); return Scaffold( appBar: AppBar( title: Text(_selectedIndex == 0 ? 'Book a Hall' : 'Your Bookings'), ), body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), bottomNavigationBar: BottomNavigationBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.add), label: 'New Booking', ), BottomNavigationBarItem( icon: Icon(Icons.list), label: 'View Bookings', ), ], currentIndex: _selectedIndex, selectedItemColor: Colors.teal[800], onTap: _onItemTapped, ), ); } } import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:uuid/uuid.dart'; import 'booking_model.dart'; import 'confirmation_screen.dart'; class BookingFormScreen extends StatefulWidget { final Function(Booking) onBookingConfirmed; const BookingFormScreen({super.key, required this.onBookingConfirmed}); @override State createState() => _BookingFormScreenState(); } class _BookingFormScreenState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _contactController = TextEditingController(); DateTime? _startDate; DateTime? _endDate; String? _selectedBookingType; final List _bookingTypes = ['Wedding', 'Conference', 'Party', 'Meeting', 'Other']; final double _rentPerDay = 150.0; // Example rent @override void dispose() { _nameController.dispose(); _contactController.dispose(); super.dispose(); } Future _selectDate(BuildContext context, bool isStartDate) async { final DateTime initial = (isStartDate ? _startDate : _endDate) ?? DateTime.now(); final DateTime first = isStartDate ? DateTime.now() : (_startDate ?? DateTime.now()); final DateTime? picked = await showDatePicker( context: context, initialDate: initial, firstDate: first.subtract(const Duration(days: 0)), // Allow today lastDate: DateTime(2101), ); if (picked != null && picked != (isStartDate ? _startDate : _endDate)) { setState(() { if (isStartDate) { _startDate = picked; // Reset end date if it's before the new start date if (_endDate != null && _endDate!.isBefore(_startDate!)) { _endDate = null; } } else { _endDate = picked; } }); } } void _submitForm() { if (_formKey.currentState!.validate()) { if (_startDate == null || _endDate == null) { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Please select both start and end dates')), ); return; } if (_selectedBookingType == null) { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Please select a booking type')), ); return; } // Calculate Rent final duration = _endDate!.difference(_startDate!).inDays + 1; // Inclusive final totalRent = duration * _rentPerDay; // Generate Booking Code const uuid = Uuid(); final bookingCode = uuid.v4().substring(0, 8).toUpperCase(); // Short unique code final newBooking = Booking( id: uuid.v4(), // Full unique ID for internal use name: _nameController.text, contact: _contactController.text, startDate: _startDate!, endDate: _endDate!, bookingType: _selectedBookingType!, totalRent: totalRent, bookingCode: bookingCode, ); // Clear form _formKey.currentState!.reset(); _nameController.clear(); _contactController.clear(); setState(() { _startDate = null; _endDate = null; _selectedBookingType = null; }); // Pass booking to parent and navigate widget.onBookingConfirmed(newBooking); // Update the global list // Navigate to Confirmation Screen Navigator.push( context, MaterialPageRoute( builder: (context) => ConfirmationScreen(booking: newBooking), ), ); } } @override Widget build(BuildContext context) { return SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ TextFormField( controller: _nameController, decoration: const InputDecoration( labelText: 'Name', icon: Icon(Icons.person), border: OutlineInputBorder(), ), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your name'; } return null; }, ), const SizedBox(height: 16), TextFormField( controller: _contactController, decoration: const InputDecoration( labelText: 'Contact Number', icon: Icon(Icons.phone), border: OutlineInputBorder(), ), keyboardType: TextInputType.phone, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your contact number'; } // Basic phone validation (optional) // if (!RegExp(r'^\+?[0-9]{10,}$').hasMatch(value)) { // return 'Enter a valid phone number'; // } return null; }, ), const SizedBox(height: 20), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text('Start Date:', style: TextStyle(fontSize: 16)), const SizedBox(height: 4), ElevatedButton.icon( icon: const Icon(Icons.calendar_today), label: Text(_startDate == null ? 'Select' : DateFormat('yyyy-MM-dd').format(_startDate!)), onPressed: () => _selectDate(context, true), ), ], ), ), const SizedBox(width: 10), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text('End Date:', style: TextStyle(fontSize: 16)), const SizedBox(height: 4), ElevatedButton.icon( icon: const Icon(Icons.calendar_today), label: Text(_endDate == null ? 'Select' : DateFormat('yyyy-MM-dd').format(_endDate!)), onPressed: () => _selectDate(context, false), style: ElevatedButton.styleFrom( // Disable if start date not selected foregroundColor: _startDate == null ? Colors.grey : null, ), ), ], ), ), ], ), if (_startDate != null && _endDate != null && _endDate!.isBefore(_startDate!)) Padding( padding: const EdgeInsets.only(top: 8.0), child: Text( 'End date must be on or after start date.', style: TextStyle(color: Theme.of(context).colorScheme.error), ), ), const SizedBox(height: 20), DropdownButtonFormField( value: _selectedBookingType, hint: const Text('Select Booking Type'), icon: const Icon(Icons.category), decoration: const InputDecoration( border: OutlineInputBorder(), contentPadding: EdgeInsets.symmetric(horizontal: 12.0, vertical: 16.0), ), isExpanded: true, items: _bookingTypes.map>((String value) { return DropdownMenuItem( value: value, child: Text(value), ); }).toList(), onChanged: (String? newValue) { setState(() { _selectedBookingType = newValue; }); }, validator: (value) => value == null ? 'Please select a type' : null, ), const SizedBox(height: 30), Center( child: ElevatedButton.icon( icon: const Icon(Icons.check_circle_outline), label: const Text('Confirm Booking'), onPressed: _submitForm, style: ElevatedButton.styleFrom( padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15), textStyle: const TextStyle(fontSize: 18), ), ), ), ], ), ), ); } } import 'package:flutter/material.dart'; import 'package:share_plus/share_plus.dart'; import 'booking_model.dart'; class ConfirmationScreen extends StatelessWidget { final Booking booking; const ConfirmationScreen({super.key, required this.booking}); void _shareBookingDetails(BuildContext context) { final RenderBox? box = context.findRenderObject() as RenderBox?; Share.share( booking.confirmationMessage, subject: 'Hall Booking Confirmation: ${booking.bookingCode}', sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size, ); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Booking Confirmed!'), ), body: Padding( padding: const EdgeInsets.all(16.0), child: Card( elevation: 4, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ), child: Padding( padding: const EdgeInsets.all(20.0), child: Column( mainAxisSize: MainAxisSize.min, // Fit content crossAxisAlignment: CrossAxisAlignment.start, children: [ const Center( child: Icon(Icons.check_circle, color: Colors.green, size: 50), ), const SizedBox(height: 15), Center( child: Text( 'Booking Successful!', style: Theme.of(context).textTheme.headlineSmall?.copyWith(fontWeight: FontWeight.bold), ), ), const Divider(height: 30, thickness: 1), _buildDetailRow(Icons.person, 'Name:', booking.name), _buildDetailRow(Icons.phone, 'Contact:', booking.contact), _buildDetailRow(Icons.calendar_today, 'Start Date:', booking.formattedStartDate), _buildDetailRow(Icons.calendar_today, 'End Date:', booking.formattedEndDate), _buildDetailRow(Icons.category, 'Booking Type:', booking.bookingType), _buildDetailRow(Icons.sell, 'Booking Code:', booking.bookingCode, isBold: true), _buildDetailRow(Icons.monetization_on, 'Total Rent:', '\$${booking.totalRent.toStringAsFixed(2)}', isBold: true), const SizedBox(height: 25), Center( child: ElevatedButton.icon( icon: const Icon(Icons.share), label: const Text('Share Confirmation'), onPressed: () => _shareBookingDetails(context), style: ElevatedButton.styleFrom( padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 12), ), ), ), ], ), ), ), ), ); } Widget _buildDetailRow(IconData icon, String label, String value, {bool isBold = false}) { return Padding( padding: const EdgeInsets.symmetric(vertical: 6.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Icon(icon, size: 20, color: Colors.teal[700]), const SizedBox(width: 12), Text( label, style: const TextStyle(fontWeight: FontWeight.w600, fontSize: 16), ), const SizedBox(width: 8), Expanded( child: Text( value, style: TextStyle(fontSize: 16, fontWeight: isBold ? FontWeight.bold : FontWeight.normal), softWrap: true, ), ), ], ), ); } } import 'package:flutter/material.dart'; import 'booking_model.dart'; import 'confirmation_screen.dart'; // To view details again class BookingListScreen extends StatelessWidget { final List bookings; final VoidCallback onNavigateBack; // To trigger potential refresh const BookingListScreen({ super.key, required this.bookings, required this.onNavigateBack, }); @override Widget build(BuildContext context) { // Use WillPopScope to notify the parent when navigating back return WillPopScope( onWillPop: () async { onNavigateBack(); return true; // Allow back navigation }, child: Scaffold( // No AppBar here, it's handled by the main screen's BottomNav bar logic body: bookings.isEmpty ? const Center( child: Text( 'No bookings yet.', style: TextStyle(fontSize: 18, color: Colors.grey), ), ) : ListView.builder( itemCount: bookings.length, itemBuilder: (context, index) { final booking = bookings[index]; return Card( margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 5), child: ListTile( leading: CircleAvatar( backgroundColor: Colors.teal[100], child: Text( booking.name.isNotEmpty ? booking.name[0].toUpperCase() : '?', style: TextStyle(color: Colors.teal[800]), ), ), title: Text( '${booking.bookingType} - ${booking.name}', style: const TextStyle(fontWeight: FontWeight.w500), ), subtitle: Text( '${booking.formattedStartDate} to ${booking.formattedEndDate}\nCode: ${booking.bookingCode}', ), trailing: const Icon(Icons.arrow_forward_ios, size: 16), isThreeLine: true, onTap: () { Navigator.push( context, MaterialPageRoute( builder: (context) => ConfirmationScreen(booking: booking), ), ).then((_) => onNavigateBack()); // Refresh list on return }, ), ); }, ), ), ); } } This sets up the basic structure: 1. **`main.dart`**: Sets up the app, `MaterialApp`, and a `BottomNavigationBar` to switch between the booking form and the list view. It holds the `bookings` list (in-memory). 2. **`booking_model.dart`**: Defines the `Booking` class to hold booking data and includes a getter for the formatted confirmation message. 3. **`booking_form_screen.dart`**: Contains the form fields (`Name`, `Contact`, `Start Date`, `End Date`, `Booking Type`), date pickers, validation, rent calculation, booking code generation, and logic to submit the booking. 4. **`confirmation_screen.dart`**: Displays the details of a confirmed booking and provides a button to share the details using the `share_plus` package. 5. **`booking_list_screen.dart`**: Shows a list of all confirmed bookings. Tapping an item navigates to the `ConfirmationScreen` for that booking. Run the app. You can fill the form, confirm a booking, see the confirmation details, share them, and view the list of all bookings made during the app session.