Flutter Scratch Card
pubspec
name: extravote
description: A new Flutter project.
publish_to: 'none'
version: 1.0.0+1
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
http: ^0.12.2
cached_network_image: ^2.5.0
webview_flutter: ^1.0.7
cupertino_icons: ^1.0.2
workmanager: ^0.2.3
flutter_local_notifications: ^1.4.4+2
scratcher: "^1.4.0"
confetti: ^0.5.4+1
dev_dependencies:
flutter_test:
sdk: flutter
integration_test:
sdk: flutter
flutter:
uses-material-design: true
assets:
- lib/assets/images/
module:
androidX: true
****************************************************************
main.dart
import 'package:flutter/material.dart';
import 'scratch.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: MyHomePage(),
);
}
}
****************************************************************
scratch.dart
import 'package:confetti/confetti.dart';
import 'package:flutter/material.dart';
import 'package:scratcher/widgets.dart';
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
ConfettiController _controller;
int coin = 10;
@override
void initState() {
super.initState();
_controller = new ConfettiController(
duration: new Duration(seconds: 1),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blueGrey,
body: Center(
child: Scratcher(
brushSize: 50,
threshold: 60,
color: Colors.red,
image: Image.asset(
"lib/assets/images/outerimage.png",
fit: BoxFit.fill,
),
onChange: (value) => print("Scratch progress: $value%"),
onThreshold: () => _controller.play(),
child: Container(
height: 300,
width: 300,
color: Colors.white,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Image.asset(
"lib/assets/images/newimage.png",
fit: BoxFit.contain,
width: 150,
height: 150,
),
Column(
children: [
ConfettiWidget(
blastDirectionality: BlastDirectionality.explosive,
confettiController: _controller,
particleDrag: 0.05,
emissionFrequency: coin * 0.05,
numberOfParticles: coin * 10,
gravity: 0.05,
shouldLoop: false,
colors: [
Colors.green,
Colors.red,
Colors.yellow,
Colors.blue,
],
),
Text(
"You won",
style: TextStyle(
fontWeight: FontWeight.w400,
fontSize: 25,
),
),
Text(
"${coin} Coins!",
style: TextStyle(
fontWeight: FontWeight.w400,
fontSize: 25,
),
),
],
),
],
),
),
),
),
);
}
}
*******************************************************
newimage.png
and outerimage.png
folder path: lib/assets/images
Problems may arise due to image loading in pubspec
Comments
Post a Comment