Flutter原生代码生成插件dart_native_gen的使用

dart_native_gen

dart_native_gen 是一个用于 dart_native 的注解工具。它通过 source_gen 实现自动类型转换。

描述

dart_native_gen 提供了一种基于注解的解决方案，通过 source_gen 实现 Dart 和原生代码之间的自动类型转换，从而简化了跨平台开发过程中的数据处理。

入门指南

示例代码

以下是一个完整的示例代码，展示了如何使用 dart_native_gen。

import 'package:flutter/material.dart';
import 'package:dart_native_gen_example/main.dn.dart';
import 'package:dart_native_gen/dart_native_gen.dart';

// 使用 [@nativeRoot](/user/nativeRoot) 注解标记主函数
[@nativeRoot](/user/nativeRoot)
void main() {
  // 运行示例程序
  runDartNativeGenExample();
  // 启动 Flutter 应用
  runApp(MyApp());
}

// 定义 Flutter 应用的根组件
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

// 定义首页状态管理类
class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

// 定义首页状态类
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('You have pushed the button this many times:'),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

步骤说明

1. 引入必要的包:

   import 'package:flutter/material.dart';
   import 'package:dart_native_gen_example/main.dn.dart';
   import 'package:dart_native_gen/dart_native_gen.dart';
   

2. 使用 [@nativeRoot](/user/nativeRoot) 注解标记主函数:

   [@nativeRoot](/user/nativeRoot)
   void main() {
     runDartNativeGenExample();
     runApp(MyApp());
   }
   

3. 定义 Flutter 应用的根组件:

   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'Flutter Demo',
         theme: ThemeData(
           primarySwatch: Colors.blue,
           visualDensity: VisualDensity.adaptivePlatformDensity,
         ),
         home: MyHomePage(title: 'Flutter Demo Home Page'),
       );
     }
   }
   

4. 定义首页状态管理类:

   class MyHomePage extends StatefulWidget {
     MyHomePage({Key? key, required this.title}) : super(key: key);
   
     final String title;
   
     @override
     _MyHomePageState createState() => _MyHomePageState();
   }
   

5. 定义首页状态类:

   class _MyHomePageState extends State<MyHomePage> {
     int _counter = 0;
   
     void _incrementCounter() {
       setState(() {
         _counter++;
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         ),
         body: Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               Text('You have pushed the button this many times:'),
               Text(
                 '$_counter',
                 style: Theme.of(context).textTheme.headline4,
               ),
             ],
           ),
         ),
         floatingActionButton: FloatingActionButton(
           onPressed: _incrementCounter,
           tooltip: 'Increment',
           child: Icon(Icons.add),
         ),
       );
     }
   }