Flutter统计与分析插件Statyx的使用

动机

大多数情况下，我不需要GetX的所有功能。基于我的经验，我提取了这些常用的功能并做了一些修改。

特性

• 所有来自GetX的Rx类型（如RxInt, RxList等）
• GetX中的Obx
• 观察Widget生命周期的ViewModel（onInit, onReady, onClose）

使用方法

无状态（无需声明VMState）

class HomePage extends Vmx<HomeViewModel> {
  const HomePage({this.initialValue = 0});
  
  final int initialValue;
  
  [@override](/user/override)
  HomeViewModel createViewModel() => HomeViewModel();
  
  [@override](/user/override)
  Widget build(context, vm) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hello StatyX')),
      floatingActionButton: FloatingActionButton(
          onPressed: () => vm.counter.value++, child: const Icon(Icons.add)),
      body: Center(child: Obx(() => Text('${vm.counter.value}'))),
    );
  }
}

带状态（在VMState中访问vm）

class HomePage extends StatefulWidget {
  const HomePage({this.initialValue = 0});
  
  final int initialValue;
  
  [@override](/user/override)
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends VMState<HomePage, HomeViewModel> {
  [@override](/user/override)
  ViewModel createViewModel() => HomeViewModel();
  
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hello StatyX')),
      floatingActionButton: FloatingActionButton(
              onPressed: () => vm.counter.value++, child: const Icon(Icons.add)),
      body: Center(child: Obx(() => Text('${vm.counter.value}'))),
    );
  }
}

ViewModel

class HomeViewModel extends ViewModel<HomePage> {
  final counter = 0.obs;
  
  [@override](/user/override)
  void onInit() {
    super.onInit();
    counter.value = widget.initialValue;
  }
}

完整示例Demo

以下是一个完整的示例Demo，展示了如何使用Statyx插件。

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(home: HomePage(initialValue: 10));
  }
}

class HomePage extends Vmx<HomeViewModel> {
  const HomePage({
    super.key,
    this.initialValue = 0,
  });

  final int initialValue;

  [@override](/user/override)
  HomeViewModel createViewModel() => HomeViewModel();

  [@override](/user/override)
  Widget build(context, vm) {
    return Scaffold(
      appBar: AppBar(title: const Text('Hello StatyX')),
      floatingActionButton: FloatingActionButton(
          onPressed: () => vm.counter.value++, child: const Icon(Icons.add)),
      body: Center(child: Obx(() => Text('${vm.counter.value}'))),
    );
  }
}

class HomeViewModel extends ViewModel<HomePage> {
  final counter = 0.obs;

  [@override](/user/override)
  void onInit() {
    super.onInit();
    counter.value = widget.initialValue;
  }
}