Flutter桌面光标控制插件flutter_desktop_cursor的使用

支持macOS的调整大小光标

• resizeUpLeftDownRight
• resizeUpRightDownLeft
• resizeUpLeft
• resizeUpRight
• resizeDownLeft
• resizeDownRight

示例

MouseRegion(
    cursor: FlutterDesktopCursors.resizeUpLeft,
    child: Container(
        width: 100,
        height: 100,
        child: const Center(child: Text('resizeUpLeft')),
    ),
)

完整示例Demo

以下是一个完整的示例代码，展示了如何在Flutter应用中使用flutter_desktop_cursor插件来控制桌面光标。

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

import 'package:flutter/services.dart';
import 'package:flutter_desktop_cursor/flutter_desktop_cursor.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _platformVersion = 'Unknown';

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 平台消息是异步的，所以我们初始化在一个异步方法中。
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能会失败，所以我们使用一个带有PlatformException的try/catch块。
    // 我们还处理了消息可能返回null的情况。
    try {
      platformVersion = await FlutterDesktopCursor.platformVersion ?? 
          'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 如果小部件在异步平台消息还在飞行时从树中移除，我们想要丢弃回复而不是调用
    // setState以更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Wrap(
            runSpacing: 5,
            spacing: 5,
            children: [
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeUpLeft,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeUpLeft')),
                ),
              ),
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeDownRight,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeDownRight')),
                ),
              ),
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeUpLeftDownRight,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeUpLeftDownRight')),
                ),
              ),
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeUpRightDownLeft,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeUpRightDownLeft')),
                ),
              ),
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeUpRight,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeUpRight')),
                ),
              ),
              MouseRegion(
                cursor: FlutterDesktopCursors.resizeDownLeft,
                child: Container(
                  color: Colors.green,
                  width: 100,
                  height: 100,
                  child: const Center(child: Text('resizeDownLeft')),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}