Create Taxi Booking - Payment.dart

 

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:myfirstproject/farebreakdown.dart';
import 'common/constants.dart';

class Payment extends StatelessWidget
{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(20.0),
        child: Container(
          child: Column(
            children: [
              Row(
                children: [
                  IconButton(
                    onPressed: () { Navigator.pop(context); },
                    icon: Icon(FontAwesomeIcons.arrowLeftLong),
                    color: Navy,
                  ),
                  Expanded(child: Align(alignment: Alignment.center, child: Text("Payment", style: TextStyle(color: Navy, fontWeight: FontWeight.bold, fontSize: 15) )))
                ],
              ),
              SizedBox(height: 20,),
              Row(
                children: [
                  Expanded(child: Align(child: Text('Pay Wallet', style: TextStyle(color: Navy),), alignment: Alignment.centerLeft) ),
                  Align(child: Switch(value: true, onChanged: (value){}), alignment: Alignment.centerRight)
                ],
              ),
              SizedBox(height: 20,),
              Container(decoration: BoxDecoration(color: Color(0XFF0C68E5), borderRadius: BorderRadius.circular(10.0)),height: 200,
                  child: Padding(
                    padding: const EdgeInsets.all(15.0),
                    child: Column(
                      children: [
                        Row(children: [
                          Text('RIFQY AULIA RAMADHAN', style: TextStyle(color: Colors.white),),
                          Expanded(child: Align(alignment: Alignment.centerRight, child: IconButton(onPressed: (){},color: Colors.white, icon: Icon(FontAwesomeIcons.creditCard)))),
                        ],),
                        SizedBox(height: 65,),
                        Expanded(child: Align(alignment: Alignment.centerLeft,child: Text('Your Balance', style: TextStyle(color: Colors.white,fontSize: 10),))),
                        Expanded(child: Align(alignment: Alignment.centerLeft,child: Text('\$50000', style: TextStyle(color: Colors.white,fontSize: 20),))),
                      ],
                    ),
                  ),
              ),
              SizedBox(height: 20,),
              Row(children: [
                Text('Another Payment', style: TextStyle(color: Navy,fontSize: 18),),
                Expanded(child: Align(alignment: Alignment.centerRight,child: Text('see all', style: TextStyle(color: RegentGray,fontSize: 14),))),
              ],),
              SizedBox(height: 20,),
Container(decoration: BoxDecoration(border:Border.all(width: 1.0,color: RegentGray ),borderRadius: BorderRadius.circular(10)),
child: Padding(
  padding: const EdgeInsets.all(8.0),
  child:   Row(children: [
    IconButton(onPressed: (){}, icon: Icon(FontAwesomeIcons.moneyBill), ),
    Column(crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.start, children: [
      Text('Cash on Delivery',style: TextStyle(fontWeight: FontWeight.bold),),
      Text('Have the right money ready',style: TextStyle(fontSize: 10, color: Colors.grey),),
    ],)
  ],),
),),
              SizedBox(height: 10,),
              Container(decoration: BoxDecoration(border:Border.all(width: 1.0,color: RegentGray ),borderRadius: BorderRadius.circular(10)),
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(children: [
                    IconButton(onPressed: (){}, icon: Icon(FontAwesomeIcons.moneyBill), ),
                    Column(crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.start, children: [
                      Text('Mobile Banking',style: TextStyle(fontWeight: FontWeight.bold),),
                      Text('BCA,BRI,BSI and Mandiri',style: TextStyle(fontSize: 10, color: Colors.grey),),
                    ],),
                    Expanded( child: Align(alignment: Alignment.centerRight, child: IconButton(onPressed: (){}, icon: Icon(FontAwesomeIcons.angleRight))))
                  ],),
                ),),

              SizedBox(height: 10,),
              Container(decoration: BoxDecoration(border:Border.all(width: 1.0,color: RegentGray ),borderRadius: BorderRadius.circular(10)),
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(children: [
                    IconButton(onPressed: (){}, icon: Icon(FontAwesomeIcons.ccVisa), ),
                    Column(crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.start,  children: [
                      Text('Credit Card',style: TextStyle(fontWeight: FontWeight.bold),),
                      Text('VISA, Mastercard,Amex and JCB',style: TextStyle(fontSize: 10, color: Colors.grey),),
                    ],),
                    Expanded( child: Align(alignment: Alignment.centerRight, child: IconButton(onPressed: (){}, icon: Icon(FontAwesomeIcons.angleRight))))
                  ],),
                ),),
              SizedBox(height: 60,),
              Container( height: 60, decoration: BoxDecoration(color: Colors.black, borderRadius: BorderRadius.circular(20)),
                  child:Padding(
                    padding: const EdgeInsets.all(10.0),
                    child: ( Row(children: [
                      Expanded(child: Text('Go to Payment',style: TextStyle(fontSize: 15, fontWeight: FontWeight.bold, color: Colors.white),)),
                      Align(alignment: Alignment.centerRight, child: Text('\$5.50', style: TextStyle(fontSize: 15, color: Colors.white),)),
                      IconButton(onPressed: () {Navigator.push(context, MaterialPageRoute(builder: (context) => FareBreakdown()));}, icon: Icon(FontAwesomeIcons.angleRight),color: PrimaryColor, iconSize: 20,)
                    ],)
                    ),
                  )
              )
            ],
          ),
        ),
      ),
    );
  }
  
}