美文网首页
Flutter中也可以使用类似于Facebook的rebound

Flutter中也可以使用类似于Facebook的rebound

作者: lmy2534290808 | 来源:发表于2019-12-17 11:31 被阅读0次

    这是一个Flutter库,模拟弹簧动力学,并添加现实世界的物理到您的应用程序。受到Facebook
    Rebound启发

    使用

    要使用此插件包,请将flutter_rebound作为依赖项添加到您的pubspec.yaml文件中,详见dependency in your pubspec.yaml file.

    示例

    // 引入包
    import 'package:rk4/rk4.dart';
    import 'package:flutter/material.dart';
    
    class MyHomePage extends StatefulWidget {
      MyHomePage({Key key, this.title}) : super(key: key);
    
      final String title;
    
      @override
      _MyHomePageState createState() => _MyHomePageState();
    }
    
    class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
      SpringSystem system;
      Spring spring;
      double _scale = 1;
    
      @override
      void initState() {
        super.initState();
        system = SpringSystem(vsync: this);
        spring = system.createSpring(40, 3);
        spring.addUpdateListener((spring) {
          double value = spring.currentValue;
          _scale = 1 - value * 0.5;
          setState(() {});
        });
        spring.endValue = 1;
      }
    
      @override
      void dispose() {
        system.dispose();
        super.dispose();
      }
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(widget.title),
          ),
          body: Center(
            child: Transform.scale(
              scale: _scale,
              child: Container(
                width: 200,
                height: 200,
                color: Colors.red,
              ),
            ),
          ),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:Flutter中也可以使用类似于Facebook的rebound

          本文链接:https://www.haomeiwen.com/subject/rjrsnctx.html