Flutter插件flutter_cora的特性与使用方法

Flutter插件flutter_cora的特性与使用方法

flutter_cora 是一个简单的 Flutter 包，用于实现视图控制器模式，帮助你将用户界面和业务逻辑分离，以保持代码更整洁和有组织。

注意事项

如果你正在使用 flutter_riverpod 进行状态管理，请查看 flutter_cora_riverpod。

Flutter插件flutter_cora的特性

• 将用户界面（视图）与业务逻辑（状态）分离。
• 促进 Flutter 应用的清晰架构。
• 轻量且易于集成到现有项目中。

Flutter插件flutter_cora开始使用

要使用此包，你需要在 pubspec.yaml 文件中添加 flutter_cora 作为依赖项：

dependencies:
  flutter_cora: ^0.0.1-dev.19

使用示例

以下是一个简单的示例，演示如何使用 flutter_cora。

示例代码

首先，创建一个视图类 HomeScreen 和状态类 HomeState。

HomeScreen 视图类

/// HomeScreen 视图类 (home_screen.dart)
class HomeScreen extends CoraView<HomeState> {
  const HomeScreen({
    super.key,
    this.initialValue,
  });

  /// 初始计数器值。
  final int? initialValue;

  [@override](/user/override)
  Widget build(BuildContext context, HomeState state) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            // 显示计数器值
            Text(
              '${state.counter}',
              style: Theme.of(context).textTheme.titleLarge,
            ),

            const SizedBox(height: 20),

            Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                // 增加按钮
                IconButton(
                  onPressed: state.increment,
                  icon: const Icon(Icons.add),
                ),

                // 重置按钮
                IconButton(
                  onPressed: state.resetCounter,
                  icon: const Icon(Icons.refresh),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }

  [@override](/user/override)
  HomeState createState() => HomeState();
}

HomeState 状态类

/// HomeState 状态类 (home_state.dart)
class HomeState extends CoraState<HomeScreen> {
  /// 计数器值。
  late int counter;

  [@override](/user/override)
  void initState() {
    super.initState();
    counter = widget.initialValue ?? 0;
  }

  /// 增加计数器值。
  void increment() {
    setState(() => counter++);
  }

  /// 重置计数器值。
  void resetCounter() {
    setState(() => counter = 0);
  }
}

主应用入口

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

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

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

  /// 初始计数器值。
  final int? initialValue;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Cora Demo',
      home: HomeScreen(initialValue: initialValue),
    );
  }
}