Flutter滑动效果插件swipe_effect的使用

Flutter滑动效果插件swipe_effect的使用

插件描述

此README描述了swipe_effect插件的功能。如果您将此插件发布到pub.dev，其内容将出现在您的包的着陆页面上。

有关如何编写良好的包README的信息，请参阅撰写包页面指南。有关开发包的一般信息，请参阅Dart指南创建库包和Flutter指南开发包和插件。

使用示例

SwipeEffect(
  direction: TextDirection.rtl, 
  color: Colors.green.withAlpha(70),
  verticalTolerance: 1.0,
  startDeltaPx: 30.0,
  callbackDeltaRatio: 0.25,
  callback: () {
    // Navigator.pop(context);
  },
  child: ...,
);

展示

参数说明

作者

• Shadi Danhash
• Pierre Baba

示例代码

import 'package:example/screens/first_exapmle.dart';
import 'package:example/screens/seconde_example.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: {
        "demo": (ctx) => const Demo(),
        "first": (ctx) => const FirstExample(),
        "second": (ctx) => const SecondExample(),
      },
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: "demo",
    );
  }
}

class Demo extends StatelessWidget {
  const Demo({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Swipe Effect Demo')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            MaterialButton(
              color: Colors.blueAccent,
              onPressed: () => Navigator.of(context).pushNamed("first"),
              padding: const EdgeInsets.all(50),
              child: const Text(
                "Example 1",
                style: TextStyle(color: Colors.white, fontSize: 24),
              ),
              highlightColor: Colors.transparent,
              splashColor: Colors.blueAccent.shade100,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10)),
            ),
            const SizedBox(
              height: 20,
            ),
            MaterialButton(
              color: Colors.greenAccent,
              highlightColor: Colors.transparent,
              onPressed: () => Navigator.of(context).pushNamed("second"),
              padding: const EdgeInsets.all(50),
              child: const Text(
                "Example 2",
                style: TextStyle(color: Colors.white, fontSize: 24),
              ),
              splashColor: Colors.greenAccent.shade100,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10)),
            ),
          ],
        ),
      ),
    );
  }
}