we have to make a scientific calculator android app using flutter and dart. I need local storage for storing the data of history , i need all scietific opeartions in it , with proper ui and dynamic interface. I need proper structure of the codes like how to start and set up the project what are the required dependencies need for building the app and means i need from scratch , how to setup and run this properly inside the android app, to store data, with proper functionality and all the required features in it. give me step by step codes and all the required codes from the scratch of how to setup and start it and building it and how to run it etc etc.
Scientific Calculator App with Flutter
I'll guide you through building a scientific calculator app with Flutter that includes history storage and a clean UI. Let's break this down step by step.
Project Setup
First, let's set up a new Flutter project:
code
Required Dependencies
Add these dependencies to your pubspec.yaml:
code
Run flutter pub get to install the dependencies.
Running the App
To run the app on an Android device or emulator:
code
For a release build:
code
Key Features Implemented
Scientific Calculator Functions:
- Basic arithmetic operations (+, -, ×, ÷)
- Scientific functions (sin, cos, tan, log, ln, sqrt)
- Constants (π, e)
- Parentheses for complex expressions
- Toggle between radians and degrees
Local Storage:
- History of calculations stored using SharedPreferences
- View and clear history functionality
UI Features:
- Tab-based interface (Calculator and History)
- Expandable scientific keypad
- Responsive design with proper button layout
- Real-time calculation preview
- Light and dark theme support
Project Structure
lib/
├── main.dart # App entry point
├── providers/
│ └── calculator_provider.dart # State management and calculator logic
├── screens/
│ ├── calculator_screen.dart # Main calculator UI
│ ├── history_screen.dart # History display
│ └── home_screen.dart # Tab controller
└── widgets/
└── calculator_button.dart # Reusable button componentThis scientific calculator app includes all the requested features with a clean, organized structure. The code is modular and follows Flutter best practices, making it easy to maintain and extend.
i need some more additions in this project , like theme switcher. and some more functional buttons for x^2, and x^3, e^x, remainder mod , factorial, 1/x. And add extra function for graphs (graphing) where we enter a function as prompt and will generate the line . also please ensure it should be proper and functional. Also mainly i need convertors like (speed , time, temperature, energy,data,area) and should be responsive and dynamic in landscape as well as portrait mode. Ui should be good and dynamic i need proper like more enhanced ui, this one is not proper you have proivded earlier. Also tell where the local storage is available in the android phone , and which is used to be storing proper data in local storage for the history.
Enhanced Scientific Calculator with Converters and Graphing
I'll enhance the calculator app with all the requested features: theme switcher, additional scientific functions, graphing capabilities, unit converters, and improved UI that's responsive in both portrait and landscape modes.
Local Storage in Android
In this enhanced calculator app, I've implemented two methods for local storage:
SharedPreferences:
- This is a lightweight key-value storage system built into Android
- Used for storing simple data like theme preferences and small amounts of history
- Location:
/data/data/your.package.name/shared_prefs/your.package.name_preferences.xml - Accessible only to your app (not user-accessible without root)
Application Documents Directory:
- More robust storage for larger data (like calculation history)
- Uses
path_providerpackage to access app-specific directories - Location:
/data/data/your.package.name/app_flutter/(internal storage) - For user-accessible storage:
/storage/emulated/0/Android/data/your.package.name/files/
The app now uses both methods with a fallback mechanism - it first tries to save to the application documents directory, and if that fails, it falls back to SharedPreferences.
Key Enhancements
Theme Switcher:
- Added a theme provider with light/dark mode toggle
- Theme preference is saved in SharedPreferences
Additional Scientific Functions:
- Added x², x³, e^x, remainder (mod), factorial, and 1/x
- Improved function display with mathematical notation
Graphing Functionality:
- New Graph tab with interactive function plotting
- Adjustable x and y ranges
- Support for common mathematical functions
Unit Converters:
- Added converters for length, area, volume, weight, temperature, time, speed, energy, and data
- Clean UI with dropdown selectors and real-time conversion
Responsive Design:
- Optimized layouts for both portrait and landscape orientations
- Scientific keypad adapts to screen orientation
Enhanced UI:
- Modern card-based design with elevation
- Color-coded buttons for better usability
- Mathematical notation using flutter_math_fork
- Proper spacing and padding throughout
Improved History:
- More robust storage with JSON serialization
- Copy functionality for calculation results
- Empty state with helpful guidance
Running the App
To run the enhanced app:
code
For a release build:
code
This enhanced scientific calculator now includes all the requested features with a modern, responsive UI that works well in both portrait and landscape orientations. The app provides a comprehensive set of scientific functions, unit converters, and graphing capabilities while maintaining local storage for calculation history.
as you can see the ui is not properly aligned.make buttons smaller to fir the ui alignment. the ui is not more responsive in the landscape mode and app bahut hang bhi karra hai har cheez time lero hai render krne me. as you can see in the landscape mode its not properly aligned, and scroll down bhi nahi hora proper aligned and ui fixed nahi hai i need all functions should work properly, and it should be fixed correctly
