Flutter是谷歌推出的跨平台UI框架,其高效的跨平台性能已经受到很多用户的认可,其所构建的"无差别"应用主要依赖底层绘制引擎-Skia,Skia Graphics Library是一个由C++编写的开放源代码图形库，最初由Skia公司开发，被Google收购后以New BSD License许可下开源.平常Flutter开发只需编写Dart语言代码,绘制交由Skia去完成.
当然,Flutter目前还有许多待完善的地方,比如APP或者页面的生命周期,AOP,线程通信,Flutter生态等,基本的应用开发,Flutter应该能够满足,当然还存在不能解决或者比较难填的坑,这时我们可以构建原生平台插件或者直接调用原生平台来辅助解决.
Flutter插件开发
主要有几步:
1.构建插件项目
1)通过命令:
flutter create --template=plugin -i swift -a kotlin plugin_name
2)或者通过IDE新创建一个plugin工程
2.编写插件Dart代码
这里封装的主要是你想暴露给调用者的一些API
3.编写plugin原生代码
1)编写iOS端plugin代码,并且通过建立的methodChannel通道相互传递消息
2)编写Android端plugin代码,并且通过建立的methodChannel通道相互传递消息
消息通过除了methodChannel,还可以通过建立其他方式:BasicMessageChannel,EventChannel来建立消息通道.
4.添加依赖
这步是可选项,如果你的原生plugin依赖了其他pub,Android需要在build.gradle中添加依赖,iOS需要在plugin_name.podspec中添加依赖.
5.调试&测试
在发布到pub.dev仓库之前,我们自己开发的插件要进行必要的调试和测试
6.发布
以上步骤完成之后,就可以通过命令,将你的plugin发布到pub.dev仓库了.
1)检测插件是否有潜在问题:
flutter packages pub publish --dry-run
2)正式发布
flutter packages pub publish
FlutterSocket
Demo 演示
flutter_socket_plugin是一个实用的跨平台socket插件,目前已经实现client端的基本功能:创建,连接,发送消息,收消息,断开连接,心跳等功能.
iOS端
iOS端主要封装的是CocoaAsyncSocket中的GCDAsyncSocket,GCDAsyncSocket是client和server socket的集合,可以创建客户端和服务端.源码在[这里](https://github.com/robbiehanson/CocoaAsyncSocket.
Android端
Android端封装的是OkSocket,这里只集成了其client部分.原项目作者考虑的多了一点,把消息包头也考虑进去了,使用的时候查看一下文档,源码在这里.
添加依赖
dependencies:
flutter_socket_plugin: 0.0.1
使用示例
import 'package:flutter_socket_plugin/flutter_socket_plugin.dart';
///
/// @Method: initSocket
/// @Parameter:
/// @ReturnType:
/// @Description: init socket
/// @author: waitwalker
/// @Date: 2019-08-23
///
initSocket() {
/// init socket
flutterSocket = FlutterSocket();
/// listen connect callback
flutterSocket.connectListener((data){
print("connect listener data:$data");
});
/// listen error callback
flutterSocket.errorListener((data){
print("error listener data:$data");
});
/// listen receive callback
flutterSocket.receiveListener((data){
print("receive listener data:$data");
if (data != null) {
receiveMessage = receiveMessage + "\n" + data;
}
setState(() {
});
});
/// listen disconnect callback
flutterSocket.disconnectListener((data){
print("disconnect listener data:$data");
});
}
示例
创建 socket:
await flutterSocket.createSocket("192.168.8.120", 10007, timeout: 20);
发起连接 connect :
flutterSocket.tryConnect();
发送消息 send:
flutterSocket.send(textEditingController.text);
断开连接 disconnect :
flutterSocket.tryDisconnect();
示例目录
你可以在这里查看FlutterSocket的全部示例.
未来
fFlutterSocket目前实现了客户端基本String消息的收发,未来在条件允许的情况下,逐步完善功能,如果你急需一些功能,你可以在FlutterSocket的基础上继续添加功能,让FlutterSocket功能更加强大和完善!
博客地址&相关文章
博客地址: https://waitwalker.cn/
