flutter如何实现录屏

在Flutter中如何实现屏幕录制功能？目前官方似乎没有提供直接的录屏API，是否需要依赖原生平台代码？如果有现成的插件推荐，希望支持Android和iOS双平台，并能自定义录制参数（如分辨率、帧率等）。最好能提供简单的代码示例或实现思路，谢谢！

2 回复

Flutter 录屏可通过 flutter_screen_recording 插件实现，支持 Android 和 iOS。步骤：添加依赖、请求权限、调用 startRecordScreen 和 stopRecordScreen 方法。注意权限配置和平台差异。

更多关于flutter如何实现录屏的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现录屏功能可以通过以下两种主要方式：

1. 使用 flutter_screen_recording 插件（推荐）

这是最常用的录屏解决方案：

安装依赖

dependencies:
  flutter_screen_recording: ^2.0.0

基本使用代码

import 'package:flutter_screen_recording/flutter_screen_recording.dart';

class ScreenRecordPage extends StatefulWidget {
  @override
  _ScreenRecordPageState createState() => _ScreenRecordPageState();
}

class _ScreenRecordPageState extends State<ScreenRecordPage> {
  bool isRecording = false;
  String? videoPath;

  // 开始录屏
  Future<void> startRecording() async {
    bool start = await FlutterScreenRecording.startRecordScreen(
      "录屏示例",
      titleNotification: "屏幕录制中",
      messageNotification: "正在录制屏幕"
    );
    
    setState(() {
      isRecording = start;
    });
  }

  // 停止录屏
  Future<void> stopRecording() async {
    String? path = await FlutterScreenRecording.stopRecordScreen();
    
    setState(() {
      isRecording = false;
      videoPath = path;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: isRecording ? null : startRecording,
              child: Text('开始录屏'),
            ),
            ElevatedButton(
              onPressed: isRecording ? stopRecording : null,
              child: Text('停止录屏'),
            ),
            if (videoPath != null)
              Text('视频保存路径: $videoPath'),
          ],
        ),
      ),
    );
  }
}

2. 平台特定配置

Android 配置

在 android/app/src/main/AndroidManifest.xml 中添加权限：

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>

iOS 配置

在 ios/Runner/Info.plist 中添加：

<key>NSCameraUsageDescription</key>
<string>需要相机权限来录制屏幕</string>
<key>NSMicrophoneUsageDescription</key>
<string>需要麦克风权限来录制音频</string>

注意事项

  1. 权限管理：需要动态请求录屏权限
  2. 音频录制：可以选择是否录制系统声音或麦克风声音
  3. 存储路径：录制的视频默认保存在设备相册或指定目录
  4. 兼容性：不同Android版本和iOS版本可能有差异

这种方式适合大多数录屏需求，如果需要更高级的功能，可以考虑结合原生代码进行扩展。

回到顶部