Flutter数据平滑处理插件flutter_savgol的使用

Flutter数据平滑处理插件flutter_savgol的使用

flutter_savgol 是一个用于实现Savitzky-Golay滤波器的Flutter插件。该插件利用 flutter_rust_bridge 来调用 savgol-rs 库。

使用示例

下面是一个完整的示例，展示了如何在Flutter应用中使用 flutter_savgol 插件进行数据平滑处理。

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

import 'package:flutter_savgol/flutter_savgol.dart' as flutter_savgol;

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

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

class _MyAppState extends State<MyApp> {
  late int sumResult;
  late Future<int> sumAsyncResult;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 调用flutter_savgol库中的sum函数
    sumResult = flutter_savgol.sum(1, 2);
    // 调用flutter_savgol库中的异步sumAsync函数
    sumAsyncResult = flutter_savgol.sumAsync(3, 4);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    const textStyle = TextStyle(fontSize: 25);
    const spacerSmall = SizedBox(height: 10);
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('数据平滑处理插件flutter_savgol的使用'),
        ),
        body: SingleChildScrollView(
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Column(
              children: [
                const Text(
                  '这个示例演示了如何通过FFI调用内置在包中的本地函数。'
                  '本地代码作为部分构建在Flutter运行时中的Flutter Runner的一部分。',
                  style: textStyle,
                  textAlign: TextAlign.center,
                ),
                spacerSmall,
                // 显示同步结果
                Text(
                  'sum(1, 2) = $sumResult',
                  style: textStyle,
                  textAlign: TextAlign.center,
                ),
                spacerSmall,
                // 显示异步结果
                FutureBuilder<int>(
                  future: sumAsyncResult,
                  builder: (BuildContext context, AsyncSnapshot<int> value) {
                    final displayValue = (value.hasData) ? value.data : '加载中';
                    return Text(
                      'await sumAsync(3, 4) = $displayValue',
                      style: textStyle,
                      textAlign: TextAlign.center,
                    );
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

代码解释

• 导入必要的包：

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

• 定义主应用类：

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

• 创建应用状态类：

  class MyApp extends StatefulWidget {
    const MyApp({super.key});
  
    [@override](/user/override)
    State<MyApp> createState() => _MyAppState();
  }
  

• 初始化状态：

  class _MyAppState extends State<MyApp> {
    late int sumResult;
    late Future<int> sumAsyncResult;
  
    [@override](/user/override)
    void initState() {
      super.initState();
      sumResult = flutter_savgol.sum(1, 2);
      sumAsyncResult = flutter_savgol.sumAsync(3, 4);
    }
  }
  

• 构建UI：

  [@override](/user/override)
  Widget build(BuildContext context) {
    const textStyle = TextStyle(fontSize: 25);
    const spacerSmall = SizedBox(height: 10);
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('数据平滑处理插件flutter_savgol的使用'),
        ),
        body: SingleChildScrollView(
          child: Container(
            padding: const EdgeInsets.all(10),
            child: Column(
              children: [
                const Text(
                  '这个示例演示了如何通过FFI调用内置在包中的本地函数。'
                  '本地代码作为部分构建在Flutter运行时中的Flutter Runner的一部分。',
                  style: textStyle,
                  textAlign: TextAlign.center,
                ),
                spacerSmall,
                Text(
                  'sum(1, 2) = $sumResult',
                  style: textStyle,
                  textAlign: TextAlign.center,
                ),
                spacerSmall,
                FutureBuilder<int>(
                  future: sumAsyncResult,
                  builder: (BuildContext context, AsyncSnapshot<int> value) {
                    final displayValue = (value.hasData) ? value.data : '加载中';
                    return Text(
                      'await sumAsync(3, 4) = $displayValue',
                      style: textStyle,
                      textAlign: TextAlign.center,
                    );
                  },
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }