Skip to content

A Flutter project that displays the string of the barcode scanned through a snackbar.

License

Notifications You must be signed in to change notification settings

Sofianopoulou/Flutter-QR-Scanner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

README: Flutter QR Scanner

Overview

The Flutter QR Scanner App is a Flutter-based mobile application designed to showcase a card UI representing a Coca-Cola product. The app includes features such as a custom-styled card, an app bar with actions, a drawer menu, and bottom navigation. Additionally, the app integrates a mobile scanner for detecting barcodes and displays the scanned barcode string through a snackbar.

Prerequisites

  • Ensure you have Flutter installed. If not, follow the Flutter installation guide.
  • Make sure you have a compatible device or emulator to run the app.

Usage

  1. Clone the repository or copy the provided Flutter code into your Flutter project.
  2. Run the app using the following command in your terminal:
    flutter run

App Structure

The app consists of several key components:

1. MyApp Widget

  • The main entry point of the app.
  • Configures the app's title and sets up the MyStatefulWidget widget as the home screen.

2. MyStatefulWidget Widget

  • A stateful widget responsible for managing the app's state.
  • Includes a custom-styled card, an app bar (AppBarExample), a drawer menu (DrawerExample), and a bottom navigation bar.
  • Integrates a floating action button for launching the mobile scanner.

3. AppBarExample Widget

  • A stateless widget that defines the app bar at the top of the screen.
  • Includes actions for "New Product" and "Favorites."

4. DrawerExample Widget

  • A stateless widget representing the drawer menu accessible from the app bar.
  • Contains items for "Messages," "Profile," and "Settings."

5. Mobile Scanner Integration

  • Utilizes the mobile_scanner package for barcode scanning functionality.
  • The barcode scanner is triggered by the floating action button.
  • Displays the scanned barcode string through a snackbar.

Features

  • Custom-styled card with Coca-Cola branding.
  • App bar with actions for "New Product" and "Favorites."
  • Drawer menu with options for "Messages," "Profile," and "Settings."
  • Bottom navigation bar for easy navigation between different sections.
  • Integrated mobile scanner for detecting barcodes and displaying the scanned string through a snackbar.

Important Notes

  • The app uses a placeholder action for "Favorites." You can customize this action based on your app's requirements.
  • Ensure that you have the necessary permissions for the mobile scanner to function properly.

About

A Flutter project that displays the string of the barcode scanned through a snackbar.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages