Flutter 新一代混合栈管理框架—— Fusion 让混合开发如此简单

import 'package:fusion/fusion.dart';
 
void main() {
  // 初始化Fusion
  Fusion.init(
    // 定义全局的混合模式配置
    mode: FusionMode.hybrid,
    // 定义全局的日志级别
    logLevel: FusionLogLevel.info,
  );
 
  // 注册原生页面
  FusionPageRegistry().registerPage(
    name: 'nativePage',
    pageBuilder: ({required Map<String, dynamic> creationParams}) {
      return NativePageWidget(
        // 传递创建参数
        creationParams: creationParams,
      );
    },
  );
 
  // 启动Fusion应用
  Fusion.run();
}
 
// 原生页面的Widget表示
class NativePageWidget extends StatefulWidget {
  final Map<String, dynamic> creationParams;
 
  const NativePageWidget({Key? key, required this.creationParams}) : super(key: key);
 
  @override
  _NativePageWidgetState createState() => _NativePageWidgetState();
}
 
class _NativePageWidgetState extends State<NativePageWidget> {
  // 页面的状态管理
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('原生页面'),
      ),
      body: Center(
        child: Text('这是一个原生页面'),
      ),
    );
  }
}

这个代码示例展示了如何在Flutter中使用Fusion框架注册和启动一个原生页面。首先，我们初始化Fusion并设置全局配置。然后，我们注册一个名为'nativePage'的原生页面，并提供一个构建该页面的函数。最后，我们运行Fusion应用程序。在NativePageWidget中，我们创建了一个原生页面的Widget表示，并在其状态中构建了页面的用户界面。这个例子简单明了地展示了混合开发的基本流程。