为什么flutter_fortune_wheel总是在页面打开后立即运行？

Question

您好，我想在我的项目中使用 flutter_fortune_wheel。我希望滚轮仅在用户单击按钮或触摸滚轮时移动，但滚轮总是在屏幕显示后立即移动。 我设置了“animateFirst: false”，但不起作用。我怎样才能解决这个问题？ 这是我的 Fortune_wheel 代码：

 Expanded(
              child: FortuneWheel(
                selected: Stream.value(selected),
                animateFirst: false,
                duration: const Duration(seconds: 3),
                items: [
                  FortuneItem(child: Text("1", style: subtitleText)),
                  FortuneItem(child: Text("2", style: subtitleText)),
                  FortuneItem(child: Text("3", style: subtitleText)),
                  FortuneItem(child: Text("4", style: subtitleText)),
                  
                ],
              ),
            ),

这是我的按钮代码：

ElevatedButton(
                    style: ElevatedButton.styleFrom(
                        fixedSize: const Size.fromHeight(40),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(50),
                        ),
                        backgroundColor: Colors.deepOrange,
                        // Background color
                        elevation: 5,
                        // Elevation
                        shadowColor: Colors.black),
                    onPressed: () {
                      setState(
                        () {
                          selected = Random().nextInt(4);
                        },
                      );
                    },
                    child: Text(
                      "spin",
                      style: smallText,
                    ),
                  ),

Answer 1

试试这个

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_fortune_wheel/flutter_fortune_wheel.dart';

List<FortuneItem> items = const [
  FortuneItem(child: Text("1")),
  FortuneItem(child: Text("2")),
  FortuneItem(child: Text("3")),
  FortuneItem(child: Text("4")),
];

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  StreamController<int> selected = StreamController<int>();

  @override
  initState() {
    super.initState();
  }

  @override
  void dispose() {
    selected.close();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Column(
        children: [
          Expanded(
            child: FortuneWheel(
              selected: selected.stream,
              animateFirst: false,
              duration: const Duration(seconds: 3),
              items: items,
            ),
          ),
          ElevatedButton(
            style: ElevatedButton.styleFrom(
                fixedSize: const Size.fromHeight(40),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(50),
                ),
                elevation: 5,
                shadowColor: Colors.black),
            onPressed: () {
              setState(
                () => selected.add(
                  Fortune.randomInt(0, items.length),
                ),
              );
            },
            child: const Text(
              "spin",
              style: TextStyle(color: Colors.white),
            ),
          )
        ],
      ),
    );
  }
}

Answer 2

Config animateFirst: false 将在打开时停止旋转

示例：

FortuneWheel(
  selected: selected.stream,
  animateFirst: false,
  duration: const Duration(seconds: 3),
  items: items,
),