- System requirements
- Figma design guidelines for better UI accuracy
- Check the UI of the entire app
- Application structure
- How to format your code?
- How you can improve code readability?
- Libraries and tools used
- Support
Dart SDK Version 2.18.0 or greater. Flutter SDK Version 3.3.0 or greater.
Read our guidelines to increase the accuracy of design-to-code conversion by optimizing Figma designs. https://docs.dhiwise.com/docs/Designguidelines/intro
Check the UI of all the app screens from a single place by setting up the 'initialRoute' to AppNavigation in the AppRoutes.dart file.
After successful build, your application structure should look like this:
.
├── android - It contains files required to run the application on an Android platform.
├── assets - It contains all images and fonts of your application.
├── ios - It contains files required to run the application on an iOS platform.
├── lib - Most important folder in the application, used to write most of the Dart code..
├── main.dart - Starting point of the application
├── core
│ ├── app_export.dart - It contains commonly used file imports
│ ├── constants - It contains static constant class file
│ └── utils - It contains common files and utilities of the application
├── presentation - It contains widgets of the screens
├── routes - It contains all the routes of the application
└── theme - It contains app theme and decoration classes
└── widgets - It contains all custom widget classes
- if your code is not formatted then run following command in your terminal to format code
dart format .
Follow these steps to set up your Flutter project:
- Clone this repository to your local machine:
git clone <repository_url>
- Navigate into the project directory:
cd <project_directory>
- Install dependencies:
flutter pub get
- Run the app:
flutter run
This command will build and run your Flutter app on a connected device or emulator.
The Flutter project structure is as follows:
android/: Contains the Android-specific code for your app.ios/: Contains the iOS-specific code for your app.lib/: Contains the Dart code for your app.main.dart: Entry point for your Flutter app.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent