How to Create a Software Calculator Using Flutter ?

-

Yes we can make  a Software Calculator in Flutter. because calculators are that can automatically carry out a sequence of operations under control of a stored program, much like a computer. A software calculator is a calculator that has been implemented as a computer program, rather than as a physical hardware device.we can go for configure our system for flutter.the reason behind of the making calculator in flutter is understanding of knowledge of layouts,widgets and logic development. 

Requirements:

We have prepared a calculator in Flutter. Using Android Studio With Flutter SDK. Android Studio: 3.6.0 or Visual Studio

Android Virtual Device :Any Virtual Device ,

Android Version : Android 8.1 (Google Play),

Hint:Double Click on Emulator icon or select Start from Play Button.

Steps of Making of Calculator in Flutter.

Step 1: Start Android Studio Android Studio - Start A New Flutter Project.







Step 2: Select Flutter Application and Click on Next Button.




















Step 3:Give project name in camelCase format.Then Select Flutter
SDK path.Then Click on Next Button.




















Step4: Flutter gives by Default package name but we can change
the package name.Then click on Finish Button.




Step 5: open main.dart and remove by default code and copy this code and try to understand flutter syntax.

import 'package:flutter/material.dart';
void main(){
}
class MyApp extends StatelessWidget {
 @override Widget build(BuildContext context) {
   return MaterialApp(
     debugShowCheckedModeBanner: false,
     home: Ganesh(),
   );
 }
}

 runApp(MyApp());






class Ganesh extends StatefulWidget {


 @override
 _GaneshState createState() => _GaneshState();
}

class _GaneshState extends State<Ganesh> {
 int firstnum;
 int secondnum;
 String texttodisplay="";
 String res;
 String operatortoperorm;

 void btnclicked( String btnval){
   if(btnval=="C"){
     texttodisplay="";
     firstnum=0;
     secondnum=0;
     res="";

   }
   else if(btnval=="+"||btnval=="-"||btnval=="x"||btnval=="/")
   {
     firstnum=int.parse(texttodisplay);
     res="";
     operatortoperorm=btnval;
   }
   else if (btnval=="="){
     secondnum=int.parse(texttodisplay);
     if(operatortoperorm=="+"){
       res=(firstnum+secondnum).toString();
     }
     if(operatortoperorm=="-"){
       res=(firstnum-secondnum).toString();
     }
     if(operatortoperorm=="x"){
       res=(firstnum*secondnum).toString();
     }
     if(operatortoperorm=="/"){
       res=(firstnum / secondnum).toString();
     }
   }
   else{
     res=int.parse(texttodisplay+btnval).toString();
   }

   setState(() {
     texttodisplay=res;
   });
 }
 Widget custombutton( String btnval){
   return Expanded(child: OutlineButton(onPressed: ()=>btnclicked(btnval),
     padding: EdgeInsets.all(25.0),
     child: Text("$btnval",
       style: TextStyle(fontSize: 25.0),),
   ),
   );
 }
 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text("Ganesh's Calculator"),
       backgroundColor: Colors.purple,
     ),
     body: Container(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.end,

         children: <Widget>[
           Expanded(child: Container(
             padding: EdgeInsets.all(10.0),
             alignment: Alignment.bottomRight,
             child: Text("$texttodisplay",style: TextStyle(
               fontSize: 30.0,
               fontWeight:FontWeight.w600,
             ),
             ),
           ),
           ),
           Row(
             children: <Widget>[
               custombutton("9"),
               custombutton("8"),
               custombutton("7"),
               custombutton("+"),


             ],

           ),Row(
             children: <Widget>[
               custombutton("6"),
               custombutton("5"),
               custombutton("4"),
               custombutton("-"),


             ],

           ),
           Row(
             children: <Widget>[
               custombutton("3"),
               custombutton("2"),
               custombutton("1"),
               custombutton("x"),


             ],

           ),Row(
             children: <Widget>[
               custombutton("C"),
               custombutton("0"),
               custombutton("="),
               custombutton("/"),
             ],
           ),
],),
    ),
   );
 }
}
Screenshot of Coding first 70 lines.

Step 6: Run the Project.





Step 7: Output of the Coding.








































































Comments

Post a Comment

Popular posts from this blog

Hello World Program In Flutter using Android Studio.

-
Image
         We have prepared a program for the Hello world in flutter using android studio.The hello world program is simple program we take one text in center that name is Hello World.Coming from an Android development background using Java and Kotlin, getting accustomed to the syntax of  Dart  and using  Flutter  took me no time. My first experiences playing around with them were actually quite a delight. hopefully this article will gear you up to start your Flutter journey. We use this configuration: Android Studio: Android Studio 3.6.3 Flutter SDK Android Virtual Device: Google Pixel 7.1  API Level : 25 ( Please start the emulator before the debugging of the program.) Hint: Double click on the emulator icon or select START from the right side (Play\Run) button.  Let us see how to make a simple flutter program for hello world. Step 1:  Open Android Studio and click on start a new flutter ...
Read more

what is Angular Architecture ?

-
 Angular is a popular open-source web application framework maintained by Google. It provides a structured architecture for building dynamic, single-page web applications. Angular's architecture is designed to encourage best practices, modularity, and maintainability in web development. The key architectural components of an Angular application include: 1. Modules:    - Angular applications are organized into modules, which are a way to group related components, services, and other code into cohesive units. Modules help with encapsulation and code organization. 2. Components:    - Components are the building blocks of an Angular application. They represent the UI elements of the application and encapsulate the logic and templates for rendering views. Each component typically has a TypeScript class file and an HTML template. 3. Templates:    - Angular templates are used to define the structure and layout of a component's view. Templates are typically wr...
Read more

Java Notes

-
1) What all datatypes you know in java? ->  Data type specify the size and value that can be store in variable.     DataType are divided into two group :    - Primitive datatypes include byte,short,int,long,float,double and char.    - Non Primitive datatypes include String,Arrays,Classes and Interfaces.ss 2) Can you give size required for each datatype? ->      DataType   Size   Description    -byte     1 byte       Stores whole numbers from -128 to 127    -short     2 bytes       Stores whole numbers from -32,768 to 32,767    -int     4 bytes       Stores whole numbers from -2,147,483,648 to 2,147,483,647    -long     8 bytes       Stores whole numbers from -9,223,372,036,854,775,808 to 9,223,372,036,854,775,807    -float     4 bytes  ...
Read more