Flutter

Currency Converter App in Flutter

This tutorial will teach you how to make make a Currency Converter App in Flutter step by step.it will help you convert the currency easily.

Main.dart

import 'package:currency_converter/currect_converter.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(

        primarySwatch: Colors.blue,
      ),
      home: CurrecyConverter(),
    );
  }
}

 

currect_converter.dart


import 'package:flutter/material.dart';

class CurrecyConverter extends StatefulWidget {
  const CurrecyConverter({ Key key }) : super(key: key);

  @override
  State<CurrecyConverter> createState() => _CurrecyConverterState();
}

class _CurrecyConverterState extends State<CurrecyConverter> {
  String valueschoose;
  String valueschoose1;
  @override
  Widget build(BuildContext context) {

      final _amount = TextEditingController();
      final _tot = TextEditingController();
      int cal;
      int result;

var size = MediaQuery.of(context).size;

    return Scaffold(
      body: SafeArea(
        child: Container(
          padding:EdgeInsets.symmetric(horizontal: 15,vertical: 20),
          child: Column(
            children: [
                Text("Currency Converter",style: TextStyle(fontSize: 30, color: Colors.black)),
                SizedBox(height: 15,),
                  TextField(
                           controller: _amount,
                           decoration: InputDecoration(
                             labelText: "Amount",
                             labelStyle: TextStyle(fontSize: 15,color: Colors.grey.shade400),
                             border: OutlineInputBorder(borderRadius: BorderRadius.circular(10))
                           ),
                ),
                SizedBox(height: 15,),
                 DropdownButton<String>(
                      
                    value: this.valueschoose,
                      items: <String>['Srilankan Rupees', 'Indian Rupees'].map((String value) {
                        return DropdownMenuItem<String>(
                          value: value,
                          child: Text(value),
                        );
                      }).toList(),
                      onChanged: (value) => setState(() => this.valueschoose = value,
    
                    )),

                     SizedBox(height: 15,),

              DropdownButton<String>(
                     value: this.valueschoose1,
                      items: <String>['USD'].map((String value) {
                        return DropdownMenuItem<String>(
                          value: value,
                          child: Text(value),
                        );
                      }).toList(),
                      onChanged: (value) => setState(() => this.valueschoose1 = value,
    
                    )),
              SizedBox(height: 15,),

               TextField(
                           controller: _tot,
                           decoration: InputDecoration(
                             labelText: "Total",
                             labelStyle: TextStyle(fontSize: 15,color: Colors.grey.shade400),
                             border: OutlineInputBorder(borderRadius: BorderRadius.circular(10))
                           ),
                ),
              SizedBox(height: 15,),

                   GestureDetector(
                     
                
             onTap: ()
             {
                if(valueschoose=="Srilankan Rupees" && valueschoose1=="USD")
                {
                     
                    cal =  int.parse(_amount.text) * 300; 
                    result = cal;
                   _tot.text = result.toString();
                }
                else if(valueschoose=="Indian Rupees" && valueschoose1=="USD")
                {
                    cal =  int.parse(_amount.text) * 78; 
                    result = cal;
                   _tot.text = result.toString(); 

                }


              },




                     child: Container(
                       alignment: Alignment.center,
                       height: size.height / 14,
                        width: size.width,
                      
                        decoration: BoxDecoration(color: Colors.red,
                            borderRadius: BorderRadius.circular(5)), 
                       
                       child: Text("Convert", 
                                  style: TextStyle(color: Colors.white,
                                  fontWeight: FontWeight.bold),),
                     ),
                   )
       

            ],
          ),
        ),
      ),
    );
  }
}








I have attached the video tutorial below it will help you  to do this  step by step.

 

admin

Recent Posts

Employee Working Hours Calculation System using C#.net

Initialize the employee number, Hourswork,and Hoursrate to calculate a grosswage use the following condition. if…

1 week ago

Java Payroll System Calculate Employee Overtime

Act as a Java developer to create a program that calculates the gross wage for…

2 weeks ago

Employee Working Hours Calculation System using Java

Initialize the employee number, Hourswork,and Hoursrate to calculate a grosswage use the following condition. if…

2 weeks ago

Laravel 11 School Management System

In this tutorial, we will teach you how to create a simple school management system…

3 weeks ago

How to Make Admin Panel Using React MUI

I have design the Admin Basic templete using React MUI Design Admin Dashboard and Login.Here…

1 month ago

Install Laravel Breeze for Authentication Using Laravel 11

In this tutorial ,i am to going teach the Laravel Breeze.Laravel Breeze provides a simple…

1 month ago