robertodevs / flutter_ecommerce_template Goto Github PK
View Code? Open in Web Editor NEWThis is an eCommerce minimalist template with a clean and beautiful design for Flutter.
Home Page: https://lnk.bio/9dQ4
License: MIT License
This is an eCommerce minimalist template with a clean and beautiful design for Flutter.
Home Page: https://lnk.bio/9dQ4
License: MIT License
can you make a video tutorial explaining how to use it?
The rar file is corrupted after download completed it says unexpected end of file
This app is using a deprecated version of the Android embedding.
To avoid unexpected runtime failures, or future build failures, try to migrate this app to the V2 embedding.
Error (Xcode): could not find included file 'Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig' in search paths
Could not build the application for the simulator.
Error launching application on iPhone 14 Pro Max.
App doesn't start on simulator.
Hello, I am a developer who is interested in contributing to this repository. I noticed that the code has some deprecation warnings and bugs that affect its functionality and performance. I would like to propose some changes to fix these issues and improve the code quality.
Hello Robert,
I downloaded your project file but it shows me error message while running the application
The supplied phased action failed with an exception.
A problem occurred configuring root project 'android'.
A problem occurred evaluating root project 'android'.
A problem occurred configuring project ':app'.
A problem occurred evaluating project ':app'.
Flutter SDK not found. Define location with flutter.sdk in the local.properties file.
Compiler message:
lib/screens/auth/confirm_otp_page.dart:180:47: Error: The argument type 'BoxDecoration Function(Color)' can't be assigned to the parameter type 'BoxDecoration Function(Color, Color, {double borderWidth, double radius})'.
Compiler message:
lib/screens/auth/confirm_otp_page.dart:180:47: Error: The argument type 'BoxDecoration Function(Color)' can't be assigned to the parameter type 'BoxDecoration Function(Color, Color, {double borderWidth, double radius})'.
FAILURE: Build failed with an exception.
Where:
Script 'E:\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 882
What went wrong:
Execution failed for task ':app:compileFlutterBuildDebug'.
Process 'command 'E:\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 25s
Exception: Gradle task assembleDebug failed with exit code 1
Hi Roberto,
I encounter issue running your template in VS code. Would appreciate if you can do a video tutorial on how to use/run the template.
Thank you.
Hello Roberto
First thing first, thank you so much this is such a wonderful repository
Actually this is not a repository issue, this is happened when i tried to add list to the category, hope you will help me with this.
I am trying to create a category page where on click on specific category(image) will expand the list items and by clicking on the same category(image) the list items will collapse(close), my problem here is listview should not collapse on clicking the listview items instead it should go to other page, here is what i tried
import 'package:flutter/material.dart';
import 'package:parallax_image/parallax_image.dart';
import 'package:ecommerce_int2/screens/staggeredList/card_list_screen.dart';
class CCategoryCard extends StatelessWidget {
final Color begin;
final Color end;
final String categoryName;
final String assetPath;
CCategoryCard(
{Key key,
this.controller,
this.begin,
this.end,
this.categoryName,
this.assetPath})
:
height = Tween<double>(begin: 200, end: 150.0).animate(
CurvedAnimation(
parent: controller,
curve: Interval(
0.0,
0.400,
curve: Curves.ease,
),
),
),
itemHeight = Tween<double>(begin: 0, end: 180.0).animate(
CurvedAnimation(
parent: controller,
curve: Interval(
0.0,
0.900,
curve: Curves.ease,
),
),
),
super(key: key);
final Animation<double> controller;
final Animation<double> height;
final Animation<double> itemHeight;
Widget _buildAnimation(BuildContext context, Widget child) {
return Container(
child: Column(
children: <Widget>[
Container(
height: height.value,
width: MediaQuery.of(context).size.width,
child: new ParallaxImage(
extent: 200.0,
image: new AssetImage(
assetPath,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children:<Widget>[
Container(
padding: const EdgeInsets.all(16.0),
alignment: Alignment(-1, 0),
child: new Text(categoryName,
style: TextStyle(fontSize: 22,
color: Colors.white,
fontWeight: FontWeight.bold),),),
Container(
//padding: const EdgeInsets.all(16.0),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(24))),
padding:
const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
child: Text(
'View more',
style: TextStyle(color: end, fontWeight: FontWeight.bold),
),),],),),
),
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
Container(
padding: EdgeInsets.only(bottom: 16.0),
height: itemHeight.value,
child: CardListScreen(), //list view
),
],
),
],
),
);
}
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
builder: _buildAnimation,
animation: controller,
);
}
}
class StaggeredCardCard extends StatefulWidget {
final Color begin;
final Color end;
final String categoryName;
final String assetPath;
final String imagePath;
const StaggeredCardCard(
{Key key, this.begin, this.end, this.categoryName, this.assetPath, this.imagePath})
: super(key: key);
@override
_StaggeredCardCardState createState() => _StaggeredCardCardState();
}
class _StaggeredCardCardState extends State<StaggeredCardCard>
with TickerProviderStateMixin {
AnimationController _controller;
bool isActive = false;
@override
void initState() {
super.initState();
_controller = AnimationController(
duration: const Duration(milliseconds: 300), vsync: this);
}
Future<void> _playAnimation() async {
try {
await _controller.forward().orCancel;
} on TickerCanceled {
// the animation got canceled, probably because we were disposed
}
}
Future<void> _reverseAnimation() async {
try {
await _controller.reverse().orCancel;
} on TickerCanceled {
// the animation got canceled, probably because we were disposed
}
}
@override
Widget build(BuildContext context) {
var timeDilation = 10.0; // 1.0 is normal animation speed.
return GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () {
if (isActive) {
isActive = !isActive;
_reverseAnimation();
}
else {
isActive = !isActive;
_playAnimation();
}
},
child: CCategoryCard(
controller: _controller.view,
categoryName: widget.categoryName,
begin: widget.begin,
end: widget.end,
assetPath: widget.assetPath,
),
);
}
}
Even on clicking the l list view the reverseAnimation is happening, which in my case it is not required
please help me out
Lot of Widgets are deprecated in flutter 2.0
Hello, I just downloaded this flutter code template and I have problem. It display black screen after the intro_page. I tried this on my other device and it does not show a black screen. How to solve this?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.