wpngai/flutter_tutorial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
5 Commits 1 Branch 0 Tags 315 KiB
C++ 36.9%
CMake 30.1%
Dart 25.8%
Swift 2.8%
C 2.2%
Other 2.1%
main
Go to file
pong 5953fab57b update the tutorial
2025-07-28 22:17:58 +08:00
android first commit 2025-06-17 09:58:04 +08:00
ios first commit 2025-06-17 09:58:04 +08:00
lib update the tutorial 2025-07-28 22:17:58 +08:00
linux first commit 2025-06-17 09:58:04 +08:00
macos update the tutorial 2025-07-28 22:17:58 +08:00
test first commit 2025-06-17 09:58:04 +08:00
web first commit 2025-06-17 09:58:04 +08:00
windows first commit 2025-06-17 09:58:04 +08:00
.gitignore first commit 2025-06-17 09:58:04 +08:00
.metadata first commit 2025-06-17 09:58:04 +08:00
analysis_options.yaml first commit 2025-06-17 09:58:04 +08:00
pubspec.lock update the tutorial 2025-07-28 22:17:58 +08:00
pubspec.yaml update the tutorial 2025-07-28 22:17:58 +08:00
README.md modify readme 2025-06-17 10:51:36 +08:00

README.md

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