Nice and clean Online Shop app UI by using #Flutter.

Overview

Gitpod ready-to-code

E-commerce App - Flutter UI

Watch it on YouTube

Packages we are using:

On our E-commerce app UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.

E-commerce App Final UI

intro

App UI

Comments
  • getProportionateScreenHeight and getProportionateScreenWidth returns an error

    getProportionateScreenHeight and getProportionateScreenWidth returns an error

    whenever I call the function. I got the error below.

    flutter: The method 'toDouble' was called on null. flutter: Receiver: null flutter: Tried calling: toDouble()

    I noticed that

    screenWidth = _mediaQueryData.size.width; screenHeight = _mediaQueryData.size.height;

    these data return null

    opened by lurdharry 1
  • Fully automate dev setup with Gitpod

    Fully automate dev setup with Gitpod

    This commit implements a fully-automated development setup using Gitpod.io, an online IDE for GitHub and GitLab that enables Dev-Environments-As-Code. This makes it easy for anyone to get a ready-to-code workspace for any branch, issue or pull request almost instantly with a single click.

    opened by alisonjr 0
  • erro ao enviar a pessoa para pagina de detalhes,

    erro ao enviar a pessoa para pagina de detalhes,

    quando passo dentro do ontap na pagina item card nao aceita e se coloco () na frente trava na hora de conpilar Exception has occurred. _AssertionError ('package:flutter/src/widgets/navigator.dart': Failed assertion: line 4437 pos 12: '!_debugLocked': is not true.) alguem me ajude

    opened by georgeaugustopba 0
  • eror

    eror

    hi, help me solve this

    Launching lib\main.dart on Android SDK built for x86 in debug mode... /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.18.1/lib/src/picture_provider.dart:50:59: Error: No named parameter with the name 'nullOk'. context != null ? Localizations.localeOf(context, nullOk: true) : null, ^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/localizations.dart:413:17: Context: Found this candidate, but the arguments don't match.

    static Locale localeOf(BuildContext context) { ^^^^^^^^

    FAILURE: Build failed with an exception.

    • Where: Script 'C:\src\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 1070

    • What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

    Process 'command 'C:\src\flutter\bin\flutter.bat'' finished with non-zero exit value 1

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org BUILD FAILED in 15s Exception: Gradle task assembleDebug failed with exit code 1 Exited (sigterm)

    opened by kimong28 0
  • how to solved this debug error? E-commerce-app-ui-flutter

    how to solved this debug error? E-commerce-app-ui-flutter

    i have updated dependency,

    android studio version 2021.1.1 Canary 11 flutter version 2.5

    debug error message:

    Launching lib/main.dart on sdk gphone x86 arm in debug mode... Running Gradle task 'assembleDebug'... ../../flutter/.pub-cache/hosted/pub.dartlang.org/flutter_svg-0.18.1/lib/src/picture_provider.dart:50:59: Error: No named parameter with the name 'nullOk'. context != null ? Localizations.localeOf(context, nullOk: true) : null, ^^^^^^ ../../flutter/packages/flutter/lib/src/widgets/localizations.dart:413:17: Context: Found this candidate, but the arguments don't match. static Locale localeOf(BuildContext context) { ^^^^^^^^

    FAILURE: Build failed with an exception.

    opened by i-coder-robot 3
Owner
Abu Anwar
A self-taught programmer who always try to learn something new and interesting. And pretty comfortable with Python, Django, and Flutter.
Abu Anwar
Nice clean plant app UI using flutter

Plant App - Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link Nice clean plant app UI using flutter, the Home page you will get

null 0 Nov 24, 2021
A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

null 23 Dec 4, 2022
🛍 A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

null 56 Nov 27, 2022
Display all stand alone widgets in a nice UI

flutter_organized_widgets Display all stand alone widgets in a nice UI How to install Add to dependencies: flutter_organized_widgets: git: https

Norbert Kozsir 10 Nov 18, 2022
Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Trần Văn Nguyên 21 Nov 21, 2022
Coffe Shop Finder App UI Built With Flutter

Coffe Shop Finder App UI Built With Flutter

tustoz 9 Sep 22, 2022
Flutter package designed to select an item from a list, with the option to filter and even search the items online.

select_dialog Package Package designed to select an item from a list, with the option to filter and even search the items online. Versions Non Null Sa

David Araujo 63 Dec 10, 2022
This is an eCommerce minimalist template with a clean and beautiful design for Flutter.

Shope - Free Flutter eCommerce Template The “Shope” e-Commerce UI Kit has the goal to help you to save time with the frontend development. You can use

Roberto Juarez 1.1k Dec 31, 2022
Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Habib ullah 3 May 15, 2022
A simple Flutter component capable of using JSON Schema to declaratively build and customize web forms.

A simple Flutter component capable of using JSON Schema to declaratively build and customize web forms.

null 3 Oct 2, 2022
An app built using Flutter that holds buttons in form of xylophone which plays as instrument when clicked.

xylophone_flutter A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

dev_allauddin 3 Feb 3, 2022
E commerce App using Flutter

buy_it A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

HusseinElbhrawy 0 Nov 15, 2021
Fashion 🔥 Mobile App UI Using FLUTTER 🚀

Fashion ?? Mobile App UI Using FLUTTER ?? Screenshots ⚠️ Essential Packages cust

AmirHossein Bayat 4 Oct 31, 2022
A responsive book app UI using flutter

Flutter Book Project I'm design a responsive book app UI using flutter, There is 3 page home page that includes a horizontal category list, then a lis

Mr Kafiri 6 Dec 27, 2022
Crypto Trading UI - A Crypto Trading App with a modern UI using the latest features offered by Flutter

Crypto Trading UI This project is all about designing a Crypto Trading App with a modern UI using the latest features offered by Flutter. In a total o

DebugErrorX 7 Dec 28, 2022
Responsive Admin Panel or Dashboard using Flutter

Responsive Admin Panel or Dashboard using Flutter

Abu Anwar 5.5k Dec 29, 2022
A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps.

html_widgets A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps. Text Widgets *text property is required for all the tex

XenonLabz 7 Jul 14, 2022
This is my card using flutter

Mi Card Our Goal Now that you've seen how to create a Flutter app entirely from scratch, we're going to go further and learn more about how to design

Joshua Uzor 5 Dec 18, 2021
An Ecommerce application built in Flutter using Firebase.

Flutter-Commerce An Ecommerce application built in Flutter using Firebase. Getting started Project setup instructions are given at Wiki section. Scree

Ashish Rawat 423 Dec 31, 2022