80 lines
1.7 KiB
Markdown
80 lines
1.7 KiB
Markdown
# Flutter Basic Tutorial
|
|
|
|
A Flutter tutorial project demonstrating fundamental Flutter concepts and widgets.
|
|
|
|
## Features
|
|
|
|
- **Login System**: Simple authentication with username/password validation
|
|
- **Navigation**: Page routing between different screens
|
|
- **Drawer Menu**: Side navigation drawer with multiple options
|
|
- **ListView**: Dynamic list display with interactive items
|
|
|
|
## Screens
|
|
|
|
### Login Page
|
|
- Username and password input fields
|
|
- Form validation
|
|
- Error handling with dialog boxes
|
|
- Navigation to home page on successful login
|
|
|
|
### Home Page
|
|
- Basic layout with AppBar
|
|
- Drawer navigation menu
|
|
- Welcome message display
|
|
|
|
### ListView Page
|
|
- Dynamic list generation
|
|
- Interactive list items with tap feedback
|
|
- SnackBar notifications
|
|
|
|
## Getting Started
|
|
|
|
1. **Clone the repository**
|
|
```
|
|
git clone <repository-url>
|
|
```
|
|
|
|
2. **Install dependencies**
|
|
```
|
|
flutter pub get
|
|
```
|
|
|
|
3. **Run the app**
|
|
```
|
|
flutter run
|
|
```
|
|
|
|
## Login Credentials
|
|
|
|
For demo purposes:
|
|
- Username: `admin`
|
|
- Password: `admin`
|
|
|
|
## Project Structure
|
|
|
|
- `lib/main.dart` - Entry point of the application
|
|
- `lib/loginPage.dart` - Login screen implementation
|
|
- `lib/homePage.dart` - Home screen with drawer
|
|
- `lib/drawerPage.dart` - Drawer menu implementation
|
|
- `lib/listViewPage.dart` - ListView example implementation
|
|
|
|
## What You'll Learn
|
|
|
|
- Creating stateful and stateless widgets
|
|
- Form handling and validation
|
|
- Navigation between screens
|
|
- Working with ListView
|
|
- Implementing drawer navigation
|
|
- Using SnackBar for user feedback
|
|
- Basic state management
|
|
|
|
## Dependencies
|
|
|
|
- Flutter SDK
|
|
- Material Design components
|
|
|
|
## Resources
|
|
|
|
- [Flutter Documentation](https://docs.flutter.dev/)
|
|
- [Dart Programming Language](https://dart.dev/)
|
|
- [Material Design](https://material.io/design) |