📱 Simple Calculator App in Flutter

Опубликовано: 13 Июнь 2026
на канале: Islam Dev
91
5

I built a fully functional calculator app using Flutter, demonstrating key concepts like Stateful and Stateless widgetI built a fully functional calculator app using Flutter, demonstrating key concepts like Stateful and Stateless widgets, custom buttons, text input handling, and dynamic UI updates.

✨ Features:

Basic arithmetic operations: +, -, ×, ÷

Real-time calculation as you type

Percentage % and toggle ± support

Customizable button UI with different colors for operations

Handles large numbers and scrolling display


📝 What I Learned:

Handling dynamic UI updates with setState

Implementing custom widgets for reusable buttons

Managing text input and scrollable displays

Using math expression parsing with the math_expressions package

Best practices for Flutter layouts and responsive design

کوردی:
🚀 ئەپی ژمێرەری سادە بە Flutter
من ئەپێکی ژمێرەری تەواو کارا بە بەکارهێنانی Flutter دروستکرد، کە چەمکە سەرەکییەکان وەک ویجیتە Stateful و Stateless، دوگمەی تایبەت، مامەڵەکردن لەگەڵ تێکستی هاتووە ژوورەوە، و نوێکردنەوەی UI ــی داینامیک پیشان دەدات.

✨ تایبەتمەندییەکان:

کردارە ژمێرەییە بنەڕەتییەکان: +، -، ×، ÷

ژمێردنی راستەوخۆ لەکاتی نووسین


پشتگیری لە سەدی یەک % و گۆڕینی ±

UI ــی دوگمەی دڵخوازکراو لەگەڵ ڕەنگی جیاواز بۆ کردارەکان

مامەڵەکردن لەگەڵ ژمارە گەورەکان


📝 ئەوەی فێربووم:


مامەڵەکردن لەگەڵ نوێکردنەوەکانی UI ــی داینامیک بە setState

جێبەجێکردنی ویجیتە تایبەتەکان بۆ دوگمەی دووبارە بەکارهێنراو

بەڕێوەبردنی تێکستی هاتووە ژوورەوە

بەکارهێنانی شیکردنەوەی دەربڕینی ماتماتیکی لەگەڵ پاکێجی math_expressions

باشترین ڕێگاکان بۆ لەیاوتی Flutter و دیزاینی وەڵامدەرەوەs, custom buttons, text input handling, and dynamic UI updates.

✨ Features:

Basic arithmetic operations: +, -, ×, ÷

Real-time calculation as you type

Percentage % and toggle ± support

Customizable button UI with different colors for operations

Handles large numbers and scrolling display


📝 What I Learned:

Handling dynamic UI updates with setState

Implementing custom widgets for reusable buttons

Managing text input and scrollable displays

Using math expression parsing with the math_expressions package

Best practices for Flutter layouts and responsive design

کوردی:
🚀 ئەپی ژمێرەری سادە بە Flutter
من ئەپێکی ژمێرەری تەواو کارا بە بەکارهێنانی Flutter دروستکرد، کە چەمکە سەرەکییەکان وەک ویجیتە Stateful و Stateless، دوگمەی تایبەت، مامەڵەکردن لەگەڵ تێکستی هاتووە ژوورەوە، و نوێکردنەوەی UI ــی داینامیک پیشان دەدات.

✨ تایبەتمەندییەکان:

کردارە ژمێرەییە بنەڕەتییەکان: +، -، ×، ÷

ژمێردنی راستەوخۆ لەکاتی نووسین


پشتگیری لە سەدی یەک % و گۆڕینی ±

UI ــی دوگمەی دڵخوازکراو لەگەڵ ڕەنگی جیاواز بۆ کردارەکان

مامەڵەکردن لەگەڵ ژمارە گەورەکان


📝 ئەوەی فێربووم:


مامەڵەکردن لەگەڵ نوێکردنەوەکانی UI ــی داینامیک بە setState

جێبەجێکردنی ویجیتە تایبەتەکان بۆ دوگمەی دووبارە بەکارهێنراو

بەڕێوەبردنی تێکستی هاتووە ژوورەوە

بەکارهێنانی شیکردنەوەی دەربڕینی ماتماتیکی لەگەڵ پاکێجی math_expressions

باشترین ڕێگاکان بۆ لەیاوتی Flutter و دیزاینی وەڵامدەرەوە