Generated code from pixels2flutter.dev

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        brightness: Brightness.dark,
        primarySwatch: Colors.green,
      ),
      home: OrderStatusPage(),
    );
  }
}

class OrderStatusPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      body: SafeArea(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: const EdgeInsets.only(left: 16.0, top: 16.0),
              child: Row(
                children: [
                  Icon(Icons.arrow_back, color: Colors.white),
                  SizedBox(width: 8.0),
                  Text(
                    'Atras...',
                    style: TextStyle(color: Colors.green, fontSize: 16.0),
                  ),
                ],
              ),
            ),
            SizedBox(height: 32.0),
            Center(
              child: Text(
                'FOODFINDER',
                style: TextStyle(
                  color: Colors.green,
                  fontSize: 32.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
            SizedBox(height: 32.0),
            Center(
              child: Text(
                'Hora de la Orden\n19:30 hrs',
                textAlign: TextAlign.center,
                style: TextStyle(color: Colors.white, fontSize: 24.0),
              ),
            ),
            SizedBox(height: 32.0),
            Expanded(
              child: Center(
                child: Container(
                  width: double.infinity,
                  margin: EdgeInsets.symmetric(horizontal: 16.0),
                  padding: EdgeInsets.all(16.0),
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.circular(16.0),
                  ),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text(
                        'ANIMACIONES',
                        style: TextStyle(color: Colors.red, fontSize: 24.0),
                      ),
                      SizedBox(height: 16.0),
                      Text(
                        'Aquí estaremos actualizando tu pedido.',
                        textAlign: TextAlign.center,
                        style: TextStyle(color: Colors.black, fontSize: 16.0),
                      ),
                      SizedBox(height: 32.0),
                      OrderProgressIndicator(),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class OrderProgressIndicator extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        LinearProgressIndicator(
          backgroundColor: Colors.grey[800],
          valueColor: AlwaysStoppedAnimation<Color>(Colors.green),
          value: 0.75, // Assuming the order is 75% complete
        ),
        SizedBox(height: 16.0),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text('Recibimos\ntu orden', textAlign: TextAlign.center),
            Text('Preparando', textAlign: TextAlign.center),
            Text('¡Casi listo!', textAlign: TextAlign.center),
            Text('Listo', textAlign: TextAlign.center),
          ],
        ),
      ],
    );
  }
}