Flutter原生功能集成插件nativeshell的使用

Flutter 原生功能集成插件 nativeshell 的使用

NativeShell Dart API

入门指南

请访问 nativeshell.dev 或 GitHub 页面 获取更多信息。

完整示例 Demo

以下是一个完整的 Flutter 应用程序示例，展示了如何使用 nativeshell 插件来集成原生功能。我们将展示如何从原生代码中调用一个简单的函数并返回结果。

1. 添加依赖

首先，在你的 pubspec.yaml 文件中添加 nativeshell 依赖：

dependencies:
  flutter:
    sdk: flutter
  nativeshell: ^0.1.0 # 请确保使用最新版本

然后运行 flutter pub get 来获取依赖项。

2. 创建原生代码

Android (Java)

在 android/src/main/java/your/package/name/NativeMethods.java 中创建一个 Java 类：

package your.package.name;

import com.nativeshell.NativeShell;
import com.nativeshell.NativeFunction;

public class NativeMethods {
    @NativeFunction
    public static String sayHello(String name) {
        return "Hello, " + name + "!";
    }
}

iOS (Objective-C)

在 ios/Classes/NativeMethods.m 中创建一个 Objective-C 类：

#import <Foundation/Foundation.h>
#import "NativeMethods.h"

@implementation NativeMethods

+ (NSString *)sayHello:(NSString *)name {
    return [NSString stringWithFormat:@"Hello, %@!", name];
}

@end

3. 在 Flutter 中调用原生方法

创建一个 Flutter 类来调用上述原生方法：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('NativeShell Example')),
        body: Center(child: NativeExample()),
      ),
    );
  }
}

class NativeExample extends StatefulWidget {
  @override
  _NativeExampleState createState() => _NativeExampleState();
}

class _NativeExampleState extends State<NativeExample> {
  String _result = '';

  void _callNativeMethod() async {
    try {
      String result = await NativeShell.invokeMethod('sayHello', {'name': 'Flutter'});
      setState(() {
        _result = result;
      });
    } catch (e) {
      print('Error: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        ElevatedButton(
          onPressed: _callNativeMethod,
          child: Text('Call Native Method'),
        ),
        SizedBox(height: 20),
        Text(_result),
      ],
    );
  }
}

4. 运行应用

现在你可以运行你的 Flutter 应用程序了。点击按钮时，它将调用原生代码中的 sayHello 方法，并显示返回的结果。

flutter run