在 flutter_fortune_wheel 包的幫助下，我正在構建財富之時。輪子停止的值在影片開始時預先確定。我正在生成一個 0 - 9 之間的亂數，為了避免數字 1 和 8，我使用了一個 while 回圈。但是在旋轉幾次后，應用程式凍結了。我認為 while 回圈是原因，因為當我評論 while 回圈時，應用程式不會凍結。我不是 100% 確定
/// Instances
final _shopController = Get.find<ShopController>();
class WheelOfFortune extends StatefulWidget {
@override
_WheelOfFortuneState createState() => _WheelOfFortuneState();
}
class _WheelOfFortuneState extends State<WheelOfFortune> {
//
StreamController<int> _controller = StreamController<int>();
// Spins Available
int _availableSpins = 10;
// SelectedIndex
int _winningIndex = 0;
// Disable Spin Button
bool _disableSpinButton = false;
// Reward Value List
final _rewardList = [
// #0 1k FC
{
'prize': 'FC',
'value': 1000,
},
// #1 100 GB JACKPOT
{
'prize': 'GB',
'value': 100,
},
// #2 1k FC
{
'prize': 'FC',
'value': 5000,
},
// #3 2 GB
{
'prize': 'GB',
'value': 2,
},
// #4 1 SPIN
{
'prize': 'Spin',
'value': 1,
},
// #5 15k FC
{
'prize': 'FC',
'value': 15000,
},
// #6 AVOCADO
{
'prize': 'Avocado',
'value': 1000,
},
// #7 10 GB
{
'prize': 'GB',
'value': 10,
},
// #8 100k FC JACKPOT
{
'prize': 'FC',
'value': 100000,
},
// #9 5 GB
{
'prize': 'GB',
'value': 5,
},
];
//
@override
void dispose() {
_controller.close();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Container(
height: 300.0,
color: Colors.grey.shade200,
child: Column(
children: [
// Fortune Wheel
Expanded(
child: FortuneWheel(
selected: _controller.stream,
animateFirst: false,
onAnimationStart: () {
//
int value = Random().nextInt(9);
//
do {
_controller.add(value);
} while (value == 1 || value == 8);
//
setState(() {
_winningIndex = value;
_disableSpinButton = true;
});
print('This is WI $_winningIndex');
},
onAnimationEnd: () {
final _priceName =
_rewardList[_winningIndex]['prize'].toString();
final _priceValue =
_rewardList[_winningIndex]['value'].hashCode;
//
wofRewardDialogFN(
priceName: _priceName,
priceValue: _priceValue.hashCode,
context: context,
);
//
if (_priceName == 'FC') {
_shopController.updateFootCoinsFN(fc: _priceValue);
} else if (_priceName == 'GB') {
_shopController.updateGoldenBallsFN(gb: _priceValue);
} else if (_priceName == 'Spin') {
setState(() {
_availableSpins = _availableSpins 1;
});
} else {
print('Avocado');
}
//
setState(() {
_disableSpinButton = false;
});
},
indicators: [
FortuneIndicator(
alignment: Alignment.center,
child: TriangleIndicator(color: Colors.white),
),
],
items: [
// #0 15k FC
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/footcoin.svg',
prizeText: ' 15k',
),
style: FortuneItemStyle(
color: Colors.purpleAccent,
borderColor: Colors.black38,
),
),
// #6 Avocado
FortuneItem(
child: WheelStrips(
svgImage: '',
prizeText: ' ??',
),
style: FortuneItemStyle(
color: Colors.red.shade300,
borderColor: Colors.black38,
),
),
// #1 10 GB
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/goldenball.svg',
prizeText: ' 10',
),
style: FortuneItemStyle(
color: Colors.redAccent,
borderColor: Colors.black38,
),
),
// #2 100k FC
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/footcoin.svg',
prizeText: ' 100k',
),
style: FortuneItemStyle(
color: Colors.lightGreen,
borderColor: Colors.black38,
),
),
// #3 5 GB
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/goldenball.svg',
prizeText: ' 5',
),
style: FortuneItemStyle(
color: Colors.blue,
borderColor: Colors.black38,
),
),
// #4 1k coins
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/footcoin.svg',
prizeText: ' 1k',
),
style: FortuneItemStyle(
color: Colors.yellow.shade600,
borderColor: Colors.black38,
),
),
//
// #5 100 GB
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/goldenball.svg',
prizeText: ' 100',
),
style: FortuneItemStyle(
color: Colors.orange,
borderColor: Colors.black38,
),
),
// #7 5k FC
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/footcoin.svg',
prizeText: ' 5k',
),
style: FortuneItemStyle(
color: Colors.teal,
borderColor: Colors.black38,
),
),
// #8 2 GB
FortuneItem(
child: WheelStrips(
svgImage: 'assets/images/goldenball.svg',
prizeText: ' 2',
),
style: FortuneItemStyle(
color: Colors.pink.shade200,
borderColor: Colors.black38,
),
),
// #9 1 Spin
FortuneItem(
child: WheelStrips(
svgImage: '',
prizeText: ' 1 Spin',
),
style: FortuneItemStyle(
color: Colors.blue.shade700,
borderColor: Colors.black38,
),
),
],
),
),
// Spin Buttons
GestureDetector(
onTap: () {
_disableSpinButton
? null
: setState(() {
_availableSpins = _availableSpins - 1;
//
_availableSpins < 0
? null
: _controller.add(
_winningIndex,
);
});
},
child: Chip(
backgroundColor: _disableSpinButton ? Colors.grey : Colors.yellow,
label: Text(
_availableSpins <= 0 ? '0 Spin' : '$_availableSpins Spins'),
avatar: Icon(Icons.rotate_right_outlined),
),
),
],
),
);
}
}
class WheelStrips extends StatelessWidget {
final String svgImage, prizeText;
WheelStrips({required this.svgImage, required this.prizeText});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(right: 20.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
// FootCoin SVG
SvgPicture.asset(
svgImage,
height: 23.0,
),
// FootCoins Text
Text(
prizeText,
style: TextStyle(
fontSize: 22.0,
fontWeight: FontWeight.bold,
fontFamily: 'NewYork',
),
),
],
),
);
}
}
uj5u.com熱心網友回復：
您的應用程式凍結的原因是因為如果您獲得號碼1或8您的代碼卡在while回圈中，因為您再也不會改變value了。要解決您的問題，您必須value在點擊數字1或后進行更改8。
final random = Random();
int value = random.nextInt(9);
while(value == 1 || value == 8){
// Assign new value everytime you hit 1 or 9
value = random.nextInt(9);
}
_controller.add(value);
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/382766.html