Ролл с анимацией - PullRequest
Новая
       17

Ролл с анимацией

0 голосов
/ 29 февраля 2020

Я построил анимацию броска игральных костей, используя изображения ресурсов, но изображение обновляется только один раз в прошлом, но случайное число игральных костей генерируется 6 раз с использованием l oop. 

import 'package:dicee/dice_model.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  return runApp(
    MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: ChangeNotifierProvider<DiceModel>(
          child: DicePage(),
          create: (BuildContext context) => DiceModel(),
        )),
  );
}

class DicePage extends StatelessWidget {
  void updateDices(DiceModel dice) {
    for (int i = 0; i < 6; i++) {
      print(i);
      sleep(Duration(milliseconds: 1000));
      dice.generateDiceOne();
    }
  }

  @override
  Widget build(BuildContext context) {
    List<String> _diceOneImages = [
      "images/dice1.png",
      "images/dice2.png",
      "images/dice3.png",
      "images/dice4.png",
      "images/dice5.png",
      "images/dice6.png",
    ];
    final dice = Provider.of<DiceModel>(context);
    final c = dice.diceOneCount;
    var img = Image.asset(
      _diceOneImages[c - 1],
      gaplessPlayback: true,
    );
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Row(
          children: <Widget>[
            Expanded(
              child: GestureDetector(
                onTap: () => updateDices(dice),
                child: img,
              ),
            ),
          ],
        ),
      ],
    );
  }
}```

**DiceModel**

```import 'dart:math';

import 'package:flutter/foundation.dart';

class DiceModel with ChangeNotifier {
  int diceOne = 1;

  int get diceOneCount => diceOne;

  void generateDiceOne() {
    diceOne = Random().nextInt(5) + 1;
    print("diceOne: $diceOne");
    notifyListeners();
  }
}```

1 Ответ

1 голос
/ 29 февраля 2020

Проблема в том, что вы звоните sleep(Duration(milliseconds: 1000));. Если вы проверите свои журналы, вы должны получить UnsupportedError с сообщением "This embedder disallows calling dart:io's sleep()". Эта функция будет работать только с изолятами (потоками Dart), отличными от основного / пользовательского интерфейса. Из-за этого следующая строка кода dice.generateDiceOne(); никогда не выполняется.

Вместо этого создайте updateDices asyn c и замените sleep на await Future.delayed(const Duration(seconds: 1));.

...