【问题标题】:Auto increment a value as the button is pressed in flutter在颤动中按下按钮时自动增加一个值
【发布时间】:2020-04-12 11:47:16
【问题描述】:

我正在开发一个计算应用程序,其中变量通过加号按钮和减号按钮增加/减少。我想在长按(按住)加号或减号按钮时实现连续递增/递减。 dart/flutter 如何做到这一点?

【问题讨论】:

  • 不,不是真的,我需要一个值来增加/减少,而不是动画变化。
  • 所以不是动画,而是更新事件的值。
  • 很抱歉,我在该示例中看不到任何解决方案。您的示例的哪一部分类似于长按按钮时变量的自动增量?也许我的问题不清楚。我可能需要重新表述我的问题。
  • 或许您可以使用 GestureDetector onTapDown 和 onTapUp。启动 Timer.periodic/CountDownTimer 并在 onTapDown 时增加值。 onTapUp 时停止。

标签: flutter dart


【解决方案1】:

只是一个快速的示例代码。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NewCode(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class NewCode extends StatefulWidget {
  @override
  _NewCodeState createState() => _NewCodeState();
}

class _NewCodeState extends State<NewCode> {
  Timer timer;
  var value = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          child: Container(
            width: 200,
            height: 200,
            color: Colors.blue,
            child: Center(
                child: Text(
              'value $value',
              style: TextStyle(fontSize: 40),
            )),
          ),
          onTapDown: (TapDownDetails details) {
            print('down');
            timer = Timer.periodic(Duration(milliseconds: 500), (t) {
              setState(() {
                value++;
              });
              print('value $value');
            });
          },
          onTapUp: (TapUpDetails details) {
            print('up');
            timer.cancel();
          },
          onTapCancel: () {
            print('cancel');
            timer.cancel();
          },
        ),
      ),
    );
  }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-13
    • 2021-03-08
    • 2022-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-27
    • 2020-04-07
    相关资源
    最近更新 更多