Flutter网页振动功能插件vibration_web的使用

Flutter网页振动功能插件vibration_web的使用

插件介绍

vibration_web 是一个用于Flutter Web的振动功能插件，它允许你在浏览器中模拟设备的振动效果。该插件基于原生Flutter振动插件进行Web端实现。

使用方法

一旦你将 vibration_web 添加到你的 pubspec.yaml 文件中，你应该能够像使用普通Flutter包一样使用 package:vibration_web。

示例代码

// 在 pubspec.yaml 中添加依赖项
dependencies:
  flutter_web:
    sdk: flutter
  package_name: vibration_web // 替换为实际的包名

// 导入振动插件
import 'package:vibration_web/vibration_web.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: VibrationPage(),
    );
  }
}

class VibrationPage extends StatefulWidget {
  [@override](/user/override)
  _VibrationPageState createState() => _VibrationPageState();
}

class _VibrationPageState extends State<VibrationPage> {
  bool isVibrating = false;

  void startVibration() {
    setState(() {
      isVibrating = true;
    });
    Vibrator.vibrate(Duration(seconds: 1, milliseconds: 500));
  }

  void stopVibration() {
    setState(() {
      isVibrating = false;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Vibration Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: () {
                if (isVibrating ) {
                  stopVibration();
                } else {
                  startVibration();
                }
              },
              child: Text(isVibrating ? '停止振动' : '开始振动'),
            ),
          ],
        ),
      ),
    );
  }
}