move tools into app_tools folder
This commit is contained in:
304
Frontend/lib/mih_packages/calculator/app_tools/simple_calc.dart
Normal file
304
Frontend/lib/mih_packages/calculator/app_tools/simple_calc.dart
Normal file
@@ -0,0 +1,304 @@
|
|||||||
|
import 'package:Mzansi_Innovation_Hub/main.dart';
|
||||||
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
|
||||||
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih-app_tool_body.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:math_expressions/math_expressions.dart';
|
||||||
|
|
||||||
|
class SimpleCalc extends StatefulWidget {
|
||||||
|
const SimpleCalc({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<SimpleCalc> createState() => _SimpleCalcState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _SimpleCalcState extends State<SimpleCalc> {
|
||||||
|
var userInput = '';
|
||||||
|
var answer = '0';
|
||||||
|
|
||||||
|
// Array of button
|
||||||
|
final List<String> buttons = [
|
||||||
|
'C',
|
||||||
|
'(',
|
||||||
|
')',
|
||||||
|
'D',
|
||||||
|
'7',
|
||||||
|
'8',
|
||||||
|
'9',
|
||||||
|
'/',
|
||||||
|
'4',
|
||||||
|
'5',
|
||||||
|
'6',
|
||||||
|
'x',
|
||||||
|
'1',
|
||||||
|
'2',
|
||||||
|
'3',
|
||||||
|
'-',
|
||||||
|
'0',
|
||||||
|
'.',
|
||||||
|
'=',
|
||||||
|
'+',
|
||||||
|
];
|
||||||
|
|
||||||
|
// function to calculate the input operation
|
||||||
|
void equalPressed() {
|
||||||
|
String finaluserinput = userInput;
|
||||||
|
finaluserinput = userInput.replaceAll('x', '*');
|
||||||
|
|
||||||
|
Parser p = Parser();
|
||||||
|
Expression exp = p.parse(finaluserinput);
|
||||||
|
ContextModel cm = ContextModel();
|
||||||
|
double eval = exp.evaluate(EvaluationType.REAL, cm);
|
||||||
|
answer = eval.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return MihAppToolBody(
|
||||||
|
borderOn: false,
|
||||||
|
bodyItem: getBody(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget getBody() {
|
||||||
|
double width = MediaQuery.sizeOf(context).width;
|
||||||
|
double height = MediaQuery.sizeOf(context).height;
|
||||||
|
var padding = MediaQuery.paddingOf(context);
|
||||||
|
double newheight = height - padding.top - padding.bottom;
|
||||||
|
print("width: $width");
|
||||||
|
print("height: $height");
|
||||||
|
print("newheight: $newheight");
|
||||||
|
double calcWidth = 500;
|
||||||
|
if (MzanziInnovationHub.of(context)!.theme.screenType == "desktop") {
|
||||||
|
if (height < 700) {
|
||||||
|
calcWidth = 300;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(10.0),
|
||||||
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
"Simple Calculator",
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 25,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Divider(
|
||||||
|
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
|
||||||
|
const SizedBox(height: 10),
|
||||||
|
Container(
|
||||||
|
//color: Colors.white,
|
||||||
|
padding: const EdgeInsets.all(20),
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: Text(
|
||||||
|
userInput,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 18,
|
||||||
|
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
width: double.infinity,
|
||||||
|
//color: Colors.white,
|
||||||
|
padding: const EdgeInsets.all(15),
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: Text(
|
||||||
|
answer,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 30,
|
||||||
|
color:
|
||||||
|
MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
||||||
|
fontWeight: FontWeight.bold),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Container(
|
||||||
|
alignment: Alignment.centerRight,
|
||||||
|
child: SizedBox(
|
||||||
|
width: calcWidth,
|
||||||
|
child: GridView.builder(
|
||||||
|
physics: const NeverScrollableScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
// padding: EdgeInsets.only(
|
||||||
|
// left: width / 10,
|
||||||
|
// right: width / 10,
|
||||||
|
// bottom: height / 15,
|
||||||
|
// //top: 20,
|
||||||
|
// ),
|
||||||
|
// shrinkWrap: true,
|
||||||
|
itemCount: buttons.length,
|
||||||
|
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
|
crossAxisCount: 4,
|
||||||
|
//mainAxisExtent: 150,
|
||||||
|
),
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
// Clear Button
|
||||||
|
if (index == 0) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
userInput = '';
|
||||||
|
answer = '0';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.messageTextColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// +/- button
|
||||||
|
else if (index == 1) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
userInput += buttons[index];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.messageTextColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// % Button
|
||||||
|
else if (index == 2) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
userInput += buttons[index];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.messageTextColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// Delete Button
|
||||||
|
else if (index == 3) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
userInput =
|
||||||
|
userInput.substring(0, userInput.length - 1);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor:
|
||||||
|
MzanziInnovationHub.of(context)!.theme.errorColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// Equal_to Button
|
||||||
|
else if (index == 18) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
equalPressed();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.successColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// +, -, / x buttons
|
||||||
|
else if (index == 7 ||
|
||||||
|
index == 11 ||
|
||||||
|
index == 15 ||
|
||||||
|
index == 19) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
if (answer == "0") {
|
||||||
|
setState(() {
|
||||||
|
userInput += buttons[index];
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setState(() {
|
||||||
|
userInput = answer;
|
||||||
|
answer = "0";
|
||||||
|
userInput += buttons[index];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// setState(() {
|
||||||
|
// userInput += buttons[index];
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.messageTextColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
// other buttons
|
||||||
|
else {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
setState(() {
|
||||||
|
userInput += buttons[index];
|
||||||
|
});
|
||||||
|
},
|
||||||
|
buttonText: buttons[index],
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.secondaryColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!
|
||||||
|
.theme
|
||||||
|
.primaryColor(),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -3,6 +3,7 @@ import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_
|
|||||||
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_dropdown_input.dart';
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_dropdown_input.dart';
|
||||||
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_number_input.dart';
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_number_input.dart';
|
||||||
import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_window.dart';
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_layout/mih_window.dart';
|
||||||
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_package/mih-app_tool_body.dart';
|
||||||
import 'package:Mzansi_Innovation_Hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
|
import 'package:Mzansi_Innovation_Hub/mih_components/mih_pop_up_messages/mih_error_message.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||||
@@ -260,91 +261,103 @@ class _TipCalcState extends State<TipCalc> {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Column(
|
return MihAppToolBody(
|
||||||
mainAxisSize: MainAxisSize.max,
|
borderOn: false,
|
||||||
children: <Widget>[
|
bodyItem: getBody(),
|
||||||
Text(
|
);
|
||||||
"Tip Calculator",
|
}
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
Widget getBody() {
|
||||||
fontSize: 25,
|
return Padding(
|
||||||
fontWeight: FontWeight.bold,
|
padding: const EdgeInsets.all(10.0),
|
||||||
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
"Tip Calculator",
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 25,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
Divider(
|
||||||
Divider(color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
|
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
MIHNumberField(
|
MIHNumberField(
|
||||||
controller: billAmountController,
|
controller: billAmountController,
|
||||||
hintText: "Bill Amount",
|
hintText: "Bill Amount",
|
||||||
editable: true,
|
editable: true,
|
||||||
required: true,
|
required: true,
|
||||||
enableDecimal: true,
|
enableDecimal: true,
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
MIHNumberField(
|
MIHNumberField(
|
||||||
controller: tipPercentageController,
|
controller: tipPercentageController,
|
||||||
hintText: "Tip %",
|
hintText: "Tip %",
|
||||||
editable: true,
|
editable: true,
|
||||||
required: true,
|
required: true,
|
||||||
enableDecimal: false,
|
enableDecimal: false,
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
MIHDropdownField(
|
MIHDropdownField(
|
||||||
controller: splitBillController,
|
controller: splitBillController,
|
||||||
hintText: "Split Bill",
|
hintText: "Split Bill",
|
||||||
dropdownOptions: const ["Yes", "No"],
|
dropdownOptions: const ["Yes", "No"],
|
||||||
required: true,
|
required: true,
|
||||||
editable: true,
|
editable: true,
|
||||||
enableSearch: false,
|
enableSearch: false,
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
ValueListenableBuilder(
|
ValueListenableBuilder(
|
||||||
valueListenable: splitValue,
|
valueListenable: splitValue,
|
||||||
builder: (BuildContext context, String value, Widget? child) {
|
builder: (BuildContext context, String value, Widget? child) {
|
||||||
return Visibility(
|
return Visibility(
|
||||||
visible: value == "Yes",
|
visible: value == "Yes",
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
MIHNumberField(
|
MIHNumberField(
|
||||||
controller: noPeopleController,
|
controller: noPeopleController,
|
||||||
hintText: "No. of People",
|
hintText: "No. of People",
|
||||||
editable: true,
|
editable: true,
|
||||||
required: true,
|
required: true,
|
||||||
enableDecimal: false,
|
enableDecimal: false,
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
},
|
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50,
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
validateInput();
|
|
||||||
},
|
},
|
||||||
buttonText: "Calculate",
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!.theme.successColor(),
|
|
||||||
textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
),
|
||||||
),
|
SizedBox(
|
||||||
const SizedBox(height: 10),
|
width: double.infinity,
|
||||||
SizedBox(
|
height: 50,
|
||||||
width: double.infinity,
|
child: MIHButton(
|
||||||
height: 50,
|
onTap: () {
|
||||||
child: MIHButton(
|
validateInput();
|
||||||
onTap: () {
|
},
|
||||||
clearInput();
|
buttonText: "Calculate",
|
||||||
},
|
buttonColor:
|
||||||
buttonText: "Clear",
|
MzanziInnovationHub.of(context)!.theme.successColor(),
|
||||||
buttonColor: MzanziInnovationHub.of(context)!.theme.errorColor(),
|
textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
||||||
textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
),
|
||||||
),
|
),
|
||||||
),
|
const SizedBox(height: 10),
|
||||||
],
|
SizedBox(
|
||||||
|
width: double.infinity,
|
||||||
|
height: 50,
|
||||||
|
child: MIHButton(
|
||||||
|
onTap: () {
|
||||||
|
clearInput();
|
||||||
|
},
|
||||||
|
buttonText: "Clear",
|
||||||
|
buttonColor: MzanziInnovationHub.of(context)!.theme.errorColor(),
|
||||||
|
textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,283 +0,0 @@
|
|||||||
import 'package:Mzansi_Innovation_Hub/main.dart';
|
|
||||||
import 'package:Mzansi_Innovation_Hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:math_expressions/math_expressions.dart';
|
|
||||||
|
|
||||||
class SimpleCalc extends StatefulWidget {
|
|
||||||
const SimpleCalc({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<SimpleCalc> createState() => _SimpleCalcState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _SimpleCalcState extends State<SimpleCalc> {
|
|
||||||
var userInput = '';
|
|
||||||
var answer = '0';
|
|
||||||
|
|
||||||
// Array of button
|
|
||||||
final List<String> buttons = [
|
|
||||||
'C',
|
|
||||||
'(',
|
|
||||||
')',
|
|
||||||
'D',
|
|
||||||
'7',
|
|
||||||
'8',
|
|
||||||
'9',
|
|
||||||
'/',
|
|
||||||
'4',
|
|
||||||
'5',
|
|
||||||
'6',
|
|
||||||
'x',
|
|
||||||
'1',
|
|
||||||
'2',
|
|
||||||
'3',
|
|
||||||
'-',
|
|
||||||
'0',
|
|
||||||
'.',
|
|
||||||
'=',
|
|
||||||
'+',
|
|
||||||
];
|
|
||||||
|
|
||||||
// function to calculate the input operation
|
|
||||||
void equalPressed() {
|
|
||||||
String finaluserinput = userInput;
|
|
||||||
finaluserinput = userInput.replaceAll('x', '*');
|
|
||||||
|
|
||||||
Parser p = Parser();
|
|
||||||
Expression exp = p.parse(finaluserinput);
|
|
||||||
ContextModel cm = ContextModel();
|
|
||||||
double eval = exp.evaluate(EvaluationType.REAL, cm);
|
|
||||||
answer = eval.toString();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
double width = MediaQuery.sizeOf(context).width;
|
|
||||||
double height = MediaQuery.sizeOf(context).height;
|
|
||||||
var padding = MediaQuery.paddingOf(context);
|
|
||||||
double newheight = height - padding.top - padding.bottom;
|
|
||||||
print("width: $width");
|
|
||||||
print("height: $height");
|
|
||||||
print("newheight: $newheight");
|
|
||||||
double calcWidth = 500;
|
|
||||||
if (MzanziInnovationHub.of(context)!.theme.screenType == "desktop") {
|
|
||||||
if (height < 700) {
|
|
||||||
calcWidth = 300;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return Column(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.end,
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: <Widget>[
|
|
||||||
Text(
|
|
||||||
"Simple Calculator",
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 25,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Divider(color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
|
|
||||||
const SizedBox(height: 10),
|
|
||||||
Container(
|
|
||||||
//color: Colors.white,
|
|
||||||
padding: const EdgeInsets.all(20),
|
|
||||||
alignment: Alignment.centerRight,
|
|
||||||
child: Text(
|
|
||||||
userInput,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 18,
|
|
||||||
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
width: double.infinity,
|
|
||||||
//color: Colors.white,
|
|
||||||
padding: const EdgeInsets.all(15),
|
|
||||||
alignment: Alignment.centerRight,
|
|
||||||
child: Text(
|
|
||||||
answer,
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 30,
|
|
||||||
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
|
||||||
fontWeight: FontWeight.bold),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
alignment: Alignment.centerRight,
|
|
||||||
child: SizedBox(
|
|
||||||
width: calcWidth,
|
|
||||||
child: GridView.builder(
|
|
||||||
physics: const NeverScrollableScrollPhysics(),
|
|
||||||
shrinkWrap: true,
|
|
||||||
// padding: EdgeInsets.only(
|
|
||||||
// left: width / 10,
|
|
||||||
// right: width / 10,
|
|
||||||
// bottom: height / 15,
|
|
||||||
// //top: 20,
|
|
||||||
// ),
|
|
||||||
// shrinkWrap: true,
|
|
||||||
itemCount: buttons.length,
|
|
||||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
|
||||||
crossAxisCount: 4,
|
|
||||||
//mainAxisExtent: 150,
|
|
||||||
),
|
|
||||||
itemBuilder: (context, index) {
|
|
||||||
// Clear Button
|
|
||||||
if (index == 0) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
userInput = '';
|
|
||||||
answer = '0';
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!
|
|
||||||
.theme
|
|
||||||
.messageTextColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// +/- button
|
|
||||||
else if (index == 1) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
userInput += buttons[index];
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!
|
|
||||||
.theme
|
|
||||||
.messageTextColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// % Button
|
|
||||||
else if (index == 2) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
userInput += buttons[index];
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!
|
|
||||||
.theme
|
|
||||||
.messageTextColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// Delete Button
|
|
||||||
else if (index == 3) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
userInput =
|
|
||||||
userInput.substring(0, userInput.length - 1);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.errorColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// Equal_to Button
|
|
||||||
else if (index == 18) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
equalPressed();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.successColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// +, -, / x buttons
|
|
||||||
else if (index == 7 ||
|
|
||||||
index == 11 ||
|
|
||||||
index == 15 ||
|
|
||||||
index == 19) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
if (answer == "0") {
|
|
||||||
setState(() {
|
|
||||||
userInput += buttons[index];
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
setState(() {
|
|
||||||
userInput = answer;
|
|
||||||
answer = "0";
|
|
||||||
userInput += buttons[index];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// setState(() {
|
|
||||||
// userInput += buttons[index];
|
|
||||||
// });
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!
|
|
||||||
.theme
|
|
||||||
.messageTextColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// other buttons
|
|
||||||
else {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: MIHButton(
|
|
||||||
onTap: () {
|
|
||||||
setState(() {
|
|
||||||
userInput += buttons[index];
|
|
||||||
});
|
|
||||||
},
|
|
||||||
buttonText: buttons[index],
|
|
||||||
buttonColor: MzanziInnovationHub.of(context)!
|
|
||||||
.theme
|
|
||||||
.secondaryColor(),
|
|
||||||
textColor:
|
|
||||||
MzanziInnovationHub.of(context)!.theme.primaryColor(),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user