Flutter Chanel通信流程

目录介绍

  • 01.flutter和原生之间交互
  • 02.MethodChanel流程
  • 03.MethodChanel使用流程
  • 04.MethodChanel代码实践
  • 05.EventChannel流程
  • 06.EventChannel基本流程
  • 07.EventChannel代码实现
  • 08.BasicMessageChannel流程
  • 09.BasicMessageChannel基本流程
  • 10.BasicMessageChannel代码实现
  • 11.Channel编解码器说明
  • 12.Channel通信可以子线程吗
  • 13.Channel通信传递稳定性
  • 14.onActivityResult如何实现

推荐

01.flutter和原生之间交互

1.1 交互简单介绍

  • 官方给的通信方式

    • 看图片，channel通信方式
    • 从底层来看，Flutter和平台端通信的方式是发送异步的二进制消息，该基础通信方式在Flutter端由BinaryMessages来实现， 而在Android端是一个接口BinaryMessenger，其具体实现为FlutterNativeView，在iOS端是一个协议 FlutterBinaryMessenger，FlutterViewController遵守并实现了这个协议。

  • flutter可以与native之间进行通信，帮助我们使用native提供的能力。

    • 通信是双向的，我们可以从Native层调用flutter层的dart代码，同时也可以从flutter层调用Native的代码。

  • 我们需要使用Platform Channels APIs进行通信，主要包括下面三种：

    • MethodChannel：用于传递方法调用（method invocation）
    • EventChannel：用于事件流的发送（event streams）
    • BasicMessageChannel：用于传递字符串和半结构化的消息，这里什么叫做半结构化？下面会解释……

  • channel通信是异步还是同步的

    • 为了保证用户界面在交互过程中的流畅性，无论是从Flutter向Native端发送消息，还是Native向Flutter发送消息都是以异步的形式进行传递的。那为何不使用同步来操作，下面会说到……

  • 几种channel应用场景分析

    • MethodChannel使用场景：无论是Flutter端还是Native端都可以通过MethodChannel向对方平台发送两端提前定义好的方法名来调用对方平台相对应的消息处理逻辑并且带回返回值给被调用方。
    • EventChannel的使用场景：更侧重于Native平台主动向Flutter平台，单向给Flutter平台发送消息，Flutter无法返回任何数据给Native端，EventChannel描述是单通的。可以类比Android里面的广播……
    • BasicMessageChannel的使用场景：比如flutter想拍照，拍完照后的图片路径需要传给flutter，照片的路径发送可以使用BasicMessageChannel.Reply回复，也可以使用sendMessage主动再发一次消息。个人认为接收消息并回复消息属于一次通信，所以倾向于使用BasicMessageChannel.Reply。

  • 混合开发通常用那种channel

    • 只是混合开发通常涉及到两端频繁通信，个人更加倾向使用BasicMessageChannel，不分主客，使用和通信更方便。

1.2 核心类重点说明

  • MethodCall

    • 方法调用Java层封装，主要是数据类

  • MethodChannel

    • 这个主要用户和dart进行方法通信，类

  • MethodCallHandler

    • 这个java层处理dart层时间的接口，在通讯协议中属于上层接口，接口

  • BinaryMessageHandler

    • java层和dart层通讯的最底层抽象接口，面向二进制数据包，接口

  • DartMessenger

    • 最底层用于接收JNI发送过来的数据。实现类

  • DartExecutor

    • 配置、引导并开始执行Dart代码。BinaryMessenger的具体实现类

  • FlutterView

    • NA用来承载flutter的容器view

  • IncomingMethodCallHandler

    • BinaryMessageHandler的实现类，用户接收底层发送过来的数据包，然后转发给MethodCallHandler，并对MethodCallHandler 发送过的结果进行打包发送给dart层。实现类

  • FlutterJNI

    • JNI层的封装用于跟底层引擎侧进行通讯

02.MethodChannel流程

  • 其中最常用的是MethodChanel，MethodChanel的使用与在Android的JNI调用非常类似，但是MethodChanel更加简单，而且相对于JNI的同步调用MethodChanel的调用是异步的：

    • Flutter Chanel通信流程_第1张图片
  • 从flutter架构图上可以看到，flutter与native的通信发生在Framework和Engine之间，framewrok内部会将MethodChannel以BinaryMessage的形式与Engine进行数据交换。

03.MethodChanel使用流程

3.1 flutter调用native

  • flutter调用native步骤

    • [native] 使用MethodChannel#setMethodCallHandler注册回调
    • [flutter] 通过MethodChannel#invokeMethod发起异步调用
    • [native] 调用native方法通过Result#success返回Result，出错时返回error
    • [flutter] 收到native返回的Result

  • 如图所示

    • Flutter Chanel通信流程_第2张图片

3.2 native调用flutter

  • native调用flutter

    • 与flutter调用native的顺序完全一致，只是[native]与[flutter]角色反调

  • 如图所示

    • Flutter Chanel通信流程_第3张图片

  • NA端使用MethodChannel

    • 首先定义Channel名称，需要保证是唯一的，在Flutter端需要使用同样的名称来创建MethodChannel。如果名称不一样，则会导致匹配不上……
    • 第一个参数：是messenger，类型是BinaryMessenger，是一个接口，代表消息信使，是消息发送与接收的工具；
    • 第二个参数：是name，就是Channel名称，和flutter定义的要一样；
    • 第三个参数：是codec，类型是MethodCodec，代表消息的编解码器，如果没有传该参数，默认使用StandardMethodCodec。

04.MethodChanel代码实践

4.1 native调用flutter

  • 定义好了MethodChannel之后调用setMethodCallHandler()方法设置消息处理回调，参数是MethodHandler类型，需要实现它的onMethodCall()方法。onMethodCall()方法有两个参数methodCall和result，methodCall记录了调用的方法信息，包括方法名和参数，result用于方法的返回值，可以通过result.success()方法返回信息给Flutter端。

    private void createChannel() {
    nativeChannel = new MethodChannel(binaryMessenger, METHOD_CHANNEL, StandardMethodCodec.INSTANCE);
    // 注册Handler实现
    nativeChannel.setMethodCallHandler(new MethodChannel.MethodCallHandler() {
        @Override
        public void onMethodCall(@NonNull MethodCall methodCall, @NonNull MethodChannel.Result result) {
            if ("android".equals(methodCall.method)) {
                //接收来自flutter的指令
                String flutter = methodCall.argument("flutter");
                //返回给flutter的参数
                result.success("Na收到指令");
            } 
        }
    });
}

  • 可以通过invokeMethod方法让NA执行调用flutter方法。那么执行了flutter方法后需要回传数据，这个时候就需要用到Result接口呢，代码如下所示：

    HashMap map = new HashMap<>();
map.put("invokeKey","你好，这个是从NA传递过来的数据");
//nativeChannel.resizeChannelBuffer(100);
nativeChannel.invokeMethod("getFlutterResult", map , new MethodChannel.Result() {
    @SuppressLint("SetTextI18n")
    @Override
    public void success(@Nullable Object result) {
        tvContent.setText("测试内容："+result);
    }

    @SuppressLint("SetTextI18n")
    @Override
    public void error(String errorCode, @Nullable String errorMessage, @Nullable Object errorDetails) {
        tvContent.setText("测试内容：flutter传递给na数据传递错误");
    }

    @Override
    public void notImplemented() {

    }
});

  • 事件接收处理端

    • 接收处理回调时onMethodCall(MethodCall call, MethodChannel.Result result)通过methodCall接收事件发送者传递回来的信息，通过Result把处理完的结果发送给事件发送方。
    • 通过methodCall.method：来区分不同函数名（方法）名以执行不同的业务逻辑，
    • 通过methodCall.hasArgument（"key"）：判断是否有某个key对应的value
    • 通过methodCall.argument（"key"）：获取key对应的value值
    • 通过result.success(object)：把处理完的结果返回给事件发送方

  • 事件发送端

    • 处理事件发送方通过methodChannel.invokeMethod("方法名","要传递的参数")把需要传递的参数传递给事件监听者。 其中
    • 方法名:不能为空
    • 要传递的参数:可以为空，若不为空则必须为可Json序列化的对象。
    • callback：可以为空，若不为空则表示执行了flutter方法后的回调监听状态

4.2 flutter调用native

  • Flutter使用MethodChannel

    • 在Flutter端同样需要定义一个MethodChannel，使用MethodChannel需要引入services.dart包，Channel名称要和Android端定义的相同。

      static const method = const MethodChannel('com.ycbjie.android/method');

  • 添加监听NA调用flutter方法的监听，flutter代码是setMethodCallHandler方法实现。return则表示flutter回传给NA的数据操作。

      method.setMethodCallHandler(nativeCallHandler);

  // 注册方法，等待被原生通过invokeMethod唤起
  Future nativeCallHandler(MethodCall methodCall) async {
    switch (methodCall.method) {
      case "getFlutterResult":
      //获取参数
        String paramsFromNative = await methodCall.arguments["invokeKey"];
        print("原生android传递过来的参数为------ $paramsFromNative");
        return "你好，这个是从flutter回传给NA的数据";
        break;
    }
  }

  • flutter是如何给NA发送消息的呢，直接调用invokeMethod方法，代码如下所示

      Future _jumpToNativeWithParams1() async {
    Map map = { "flutter": "这是一条来自flutter的参数" };
    String result = await method.invokeMethod('android', map);
    print(result);
  }

05.EventChannel流程

  • EventChannel用于从native向flutter发送通知事件，例如flutter通过其监听Android的重力感应变化等。与MethodChannel不同，EventChannel是native到flutter的单向调用，调用是多播（一对多）的，可以类比成Android的Brodecast广播。

06.EventChannel基本流程

  • 照例先看一下API使用的基本流程：

    • [native]EventChannel#setStreamHandler注册Handler实现
    • [native]EventChannel初始化结束后，在StreamHandler#onLister回调中获取EventSink引用并保存
    • [flutter]EventChannel#receiveBroadcastStream注册listener，建立监听
    • [native]使用EventSink#sucess发送通知事件
    • [flutter]接受到事件通知
    • [native]通知结束时调用endOfStream结束

  • 如图所示

    • Flutter Chanel通信流程_第4张图片

07.EventChannel代码实现

  • flutter端

    • 创建EventChannel，注册“包名/标识符”的channel名

    • 通过StreamSubscription#listen注册listener，其中cancelOnError参数表示遇到错误时是否自动结束监听

      class _MyHomePageState extends State {
static const EventChannel _channel = const EventChannel('com.example.eventchannel/interop');

StreamSubscription _streamSubscription;
String _platformMessage;

void _enableEventReceiver() {
_streamSubscription = _channel.receiveBroadcastStream().listen(
    (dynamic event) {
      print('Received event: $event');
      setState(() {
        _platformMessage = event;
      });
    },
    onError: (dynamic error) {
      print('Received error: ${error.message}');
    },
    cancelOnError: true);
}

void _disableEventReceiver() {
if (_streamSubscription != null) {
  _streamSubscription.cancel();
  _streamSubscription = null;
}
}

@override
initState() {
super.initState();
_enableEventReceiver();
}

@override
void dispose() {
super.dispose();
_disableEventReceiver();
}

  • native(android)端

    • 通过EventChannel#setStreamHandler注册Handler实现
    • 初始化完成后，获取eventSink引用并保存
    • eventSink发送事件通知
    • 通知结束时调用event#endOfStream，此时onCancel会被调用

    • 必要时，可通过evnetSink#error发送错误通知，flutter的StreamSubscription#onError会收到通知

      class MainActivity: FlutterActivity() {
private lateinit var channel: EventChannel
var eventSink: EventSink? = null

override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
    GeneratedPluginRegistrant.registerWith(flutterEngine)

    channel = EventChannel(flutterEngine.dartExecutor.binaryMessenger, "com.example.eventchannel/interop")
    channel.setStreamHandler(
            object : StreamHandler {
                override fun onListen(arguments: Any?, events: EventSink) {
                    eventSink = events
                    Log.d("Android", "EventChannel onListen called")
                    Handler().postDelayed({
                        eventSink?.success("Android")
                        //eventSink?.endOfStream()
                        //eventSink?.error("error code", "error message","error details")
                    }, 500)
                }
                override fun onCancel(arguments: Any?) {
                    Log.w("Android", "EventChannel onCancel called")
                }
            })
}
}

08.BasicMessageChannel流程

  • BasicMessageChannel用于在flutter和native互相发送消息，一方给另一方发送消息，收到消息之后给出回复。

09.BasicMessageChannel基本流程

  • flutter向native发送消息

    • [flutter]创建BasicMessageChannel
    • [native]通过BasicMessageChannel#MessageHandler注册Handler
    • [flutter]通过BasicMessageChannel#send发送消息
    • [native]BasicMessageChannel#MessageHandler#onMessage中接收消息，然后reply

  • 如图所示

    • Flutter Chanel通信流程_第5张图片

  • native向flutter发送消息

    • 流程也是一样的，只是将[flutter]与[native]反调

  • 如图所示

    • Flutter Chanel通信流程_第6张图片

10.BasicMessageChannel代码实现

10.1flutter端

  • flutter需要完成以下工作

    • 创建BasicMessageChannel
    • 通过BasicMessageChannel#send发送消息

  • 相对与其他Channel类型的创建，MessageChannel的创建除了channel名以外，还需要指定编码方式：

    BasicMessageChannel(String name, MessageCodec codec, {BinaryMessenger binaryMessenger})

  • 发送的消息会以二进制的形式进行处理，所以要针对不同类型的数进行二进制编码

    • 编码类型 消息格式
    • BinaryCodec 发送二进制消息时
    • JSONMessageCodec 发送Json格式消息时
    • StandardMessageCodec 发送基本型数据时
    • StringCodec 发送String类型消息时

  • 代码

    class _MyHomePageState extends State {
  static const _channel = BasicMessageChannel('com.ycbjie.android/basic', StringCodec());

  String _platformMessage;

  void _sendMessage() async {
    final String reply = await _channel.send('Hello World form Dart');
    print(reply);
  }

  @override
  initState() {
    super.initState();

    // Receive messages from platform
    _channel.setMessageHandler((String message) async {
      print('Received message = $message');
      setState(() => _platformMessage = message);
      return 'Reply from Dart';
    });

    // Send message to platform
    _sendMessage();
  }

10.2 native(android)端

  • android端完成以下工作：

    • 创建BasicMessageChannel
    • 通过setHandler注册MessageHandler
    • MessageHandler#onMessage回调中接收到message后，通过reply进行回复

  • 代码

    class MainActivity: FlutterActivity() {
    override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
        GeneratedPluginRegistrant.registerWith(flutterEngine)

        val channel = BasicMessageChannel(
                flutterEngine.dartExecutor.binaryMessenger,
                "com.ycbjie.android/basic", StringCodec.INSTANCE)

        // Receive messages from Dart
        channel.setMessageHandler { message, reply ->
            Log.d("Android", "Received message = $message")
            reply.reply("Reply from Android")
        }

        // Send message to Dart
        Handler().postDelayed({
            channel.send("Hello World from Android") { reply ->
                Log.d("Android", "$reply")
            }
        }, 500)
    }
}

11.Channel编解码器说明

11.1 什么是消息编解码器

  • 什么是消息编解码器

    • 在Flutter和平台间进行相互通信了，但是收发的数据都是二进制的，这就需要开发者考虑更多的细节，如字节顺序(大小端)和怎么表示更高级的消息类型，如字符串，map等。
    • 因此，Flutter 还提供了消息编解码器(Codec)， 用于高级数据类型（字符串，map等）和二进制数据（byte）之间的转换，即消息的序列化和反序列化。

  • 消息编解码器种类有哪些

    • MethodCodec：方法传递的编解码器抽象，接口
    • JSONMethodCodec：MethodCodec的实现类，会把数据打包成json结构发送给dart，类
    • StandardMethodCodec：MethodCodec的实现类，会把数据打包成默认格式发送给dart，类

11.2 四种消息编解码器类型

  • BinaryCodec

    • MessageCodec的实现类，直接发送二进制数据
    • BinaryCodec是最为简单的一种Codec，因为其返回值类型和入参的类型相同，均为二进制格式（Android中为ByteBuffer，iOS中为NSData）。实际上，BinaryCodec在编解码过程中什么都没做，只是原封不动将二进制数据消息返回而已。或许你会因此觉得BinaryCodec没有意义，但是在某些情况下它非常有用，比如使用BinaryCodec可以使传递内存数据块时在编解码阶段免于内存拷贝。

  • StringCodec

    • MessageCodec的实现类，负责解码和编码String类型的消息
    • 使用 UTF-8 编码格式对字符串数据进行编解码，在Android平台转换为 java.util.String 类型

  • JSONMessageCodec

    • MessageCodec的实现类，负责解码和编码Json类型的消息
    • JSONMessageCodec用于处理 JSON 数据类型（字符串型，数字型，布尔型，null，只包含这些类型的数组，和key为string类型，value为这些类型的map）,在编码过程中，数据会被转换为JSON字符串，然后在使用 UTF-8 格式转换为字节型。

  • StandardMessageCodec

    • MessageCodec的实现类，负责解码和编码默认类型的消息
    • StandardMessageCodec 可以认为是 JSONMessageCodec 的升级版，能够处理的数据类型要比 JSONMessageCodec 更普遍一些，且在处理 int 型数据时，会根据 int 数据的大小来转为平台端的32位类型（int）或者是64位类型(long)，StandardMessageCodec 也是 Flutter Platform channel 的默认编解码器

11.3 编码器的源码分析下

  • 首先看下MessageCodec

    abstract class MessageCodec {

  ByteData encodeMessage(T message);

  T decodeMessage(ByteData message);
}

11.4 看StandardMessageCodec

  • StandardMessageCodec稍微复杂

    • StandardMessageCodec在写入数据的时候，显示写入这个数据的类型值定义，然后在写入其对应的具体值，什么意思呢？

  • 查看一下如何写入指定类型的值，代码如下所示：

      protected void writeValue(ByteArrayOutputStream stream, Object value) {
    if (value == null || value.equals(null)) {
      stream.write(NULL);
    } else if (value == Boolean.TRUE) {
      stream.write(TRUE);
    } else if (value == Boolean.FALSE) {
      stream.write(FALSE);
    } else if (value instanceof Number) {
      if (value instanceof Integer || value instanceof Short || value instanceof Byte) {
        stream.write(INT);
        writeInt(stream, ((Number) value).intValue());
      } else if (value instanceof Long) {
        stream.write(LONG);
        writeLong(stream, (long) value);
      } else if (value instanceof Float || value instanceof Double) {
        stream.write(DOUBLE);
        writeAlignment(stream, 8);
        writeDouble(stream, ((Number) value).doubleValue());
      } else if (value instanceof BigInteger) {
        stream.write(BIGINT);
        writeBytes(stream, ((BigInteger) value).toString(16).getBytes(UTF8));
      } else {
        throw new IllegalArgumentException("Unsupported Number type: " + value.getClass());
      }
    } else if (value instanceof String) {
      stream.write(STRING);
      writeBytes(stream, ((String) value).getBytes(UTF8));
    } else if (value instanceof byte[]) {
      stream.write(BYTE_ARRAY);
      writeBytes(stream, (byte[]) value);
    } else if (value instanceof int[]) {
      stream.write(INT_ARRAY);
      final int[] array = (int[]) value;
      writeSize(stream, array.length);
      writeAlignment(stream, 4);
      for (final int n : array) {
        writeInt(stream, n);
      }
    } else if (value instanceof long[]) {
      stream.write(LONG_ARRAY);
      final long[] array = (long[]) value;
      writeSize(stream, array.length);
      writeAlignment(stream, 8);
      for (final long n : array) {
        writeLong(stream, n);
      }
    } else if (value instanceof double[]) {
      stream.write(DOUBLE_ARRAY);
      final double[] array = (double[]) value;
      writeSize(stream, array.length);
      writeAlignment(stream, 8);
      for (final double d : array) {
        writeDouble(stream, d);
      }
    } else if (value instanceof List) {
      stream.write(LIST);
      final List list = (List) value;
      writeSize(stream, list.size());
      for (final Object o : list) {
        writeValue(stream, o);
      }
    } else if (value instanceof Map) {
      stream.write(MAP);
      final Map map = (Map) value;
      writeSize(stream, map.size());
      for (final Entry entry : map.entrySet()) {
        writeValue(stream, entry.getKey());
        writeValue(stream, entry.getValue());
      }
    } else {
      throw new IllegalArgumentException("Unsupported value: " + value);
    }
  }

  • 查看一下如何读取指定类型的值，代码如下所示：

      protected Object readValueOfType(byte type, ByteBuffer buffer) {
    final Object result;
    switch (type) {
      case NULL:
        result = null;
        break;
      case TRUE:
        result = true;
        break;
      case FALSE:
        result = false;
        break;
      case INT:
        result = buffer.getInt();
        break;
      case LONG:
        result = buffer.getLong();
        break;
      case BIGINT:
        {
          final byte[] hex = readBytes(buffer);
          result = new BigInteger(new String(hex, UTF8), 16);
          break;
        }
      case DOUBLE:
        readAlignment(buffer, 8);
        result = buffer.getDouble();
        break;
      case STRING:
        {
          final byte[] bytes = readBytes(buffer);
          result = new String(bytes, UTF8);
          break;
        }
      case BYTE_ARRAY:
        {
          result = readBytes(buffer);
          break;
        }
      case INT_ARRAY:
        {
          final int length = readSize(buffer);
          final int[] array = new int[length];
          readAlignment(buffer, 4);
          buffer.asIntBuffer().get(array);
          result = array;
          buffer.position(buffer.position() + 4 * length);
          break;
        }
      case LONG_ARRAY:
        {
          final int length = readSize(buffer);
          final long[] array = new long[length];
          readAlignment(buffer, 8);
          buffer.asLongBuffer().get(array);
          result = array;
          buffer.position(buffer.position() + 8 * length);
          break;
        }
      case DOUBLE_ARRAY:
        {
          final int length = readSize(buffer);
          final double[] array = new double[length];
          readAlignment(buffer, 8);
          buffer.asDoubleBuffer().get(array);
          result = array;
          buffer.position(buffer.position() + 8 * length);
          break;
        }
      case LIST:
        {
          final int size = readSize(buffer);
          final List list = new ArrayList<>(size);
          for (int i = 0; i < size; i++) {
            list.add(readValue(buffer));
          }
          result = list;
          break;
        }
      case MAP:
        {
          final int size = readSize(buffer);
          final Map map = new HashMap<>();
          for (int i = 0; i < size; i++) {
            map.put(readValue(buffer), readValue(buffer));
          }
          result = map;
          break;
        }
      default:
        throw new IllegalArgumentException("Message corrupted");
    }
    return result;
  } 
  
 
    11.5 如何选择合适编解码器
     
 
       
  
    • 编解码的实现类并不复杂
       
   
         
    
      • 可以先了解一下这个比较能更好的理解数据传递，其实不关java上层使用那种方式，最终传递给底层数据都是固定格式，约定统一的数据格式双方才能识别出来，正常的来说用默认的编解码格式就可以了。
        •  
   
      •  
  
    • 关于四种解码器使用场景
       
   
         
    
      • BinaryCodec
         
     
           
      
        • 暂未找到使用的场景
          •  
     
        •  
    
      • StringCodec
         
     
           
      
        • 适用发送单一的字符串数据，数据量单一的情况，比如LifecycleChannel
          public void appIsInactive() {
Log.v(TAG, "Sending AppLifecycleState.inactive message.");
channel.send("AppLifecycleState.inactive");
}
          •  
     
        •  
    
      • JSONMessageCodec
         
     
           
      
        • 适用数据量比较复杂的情况，比如有携带多个数据字段的传递，比如KeyEventChannel
          public void keyDown(@NonNull FlutterKeyEvent keyEvent) {
Map message = new HashMap<>();
message.put("type", "keydown");
message.put("keymap", "android");
encodeKeyEvent(keyEvent, message);
 
channel.send(message);
}
          •  
     
        •  
    
      • StandardMessageCodec
         
     
           
      
        • 默认的数据编解码，绝大多数的情况下使用默认的就可以了。比如：MethodChannel，EventChannel
          •  
     
        •  
   
      •  
 
     
 
    12.Channel通信可以子线程吗
     
 
    12.1 Android发送通信信息
     
 
       
  
    • 首先看一下Android发送通信信息，主要分析入口是：nativeChannel.invokeMethod("setNum", a , null);
      public void invokeMethod(String method, @Nullable Object arguments, Result callback) {
messenger.send(
    name,
    codec.encodeMethodCall(new MethodCall(method, arguments)),
    callback == null ? null : new IncomingResultHandler(callback));
}
      •  
  
    • 最终定位找到DartMessenger类的send方法，代码如下所示：
      @Override
public void send(
      @NonNull String channel,
      @Nullable ByteBuffer message,
      @Nullable BinaryMessenger.BinaryReply callback) {
    Log.v(TAG, "Sending message with callback over channel '" + channel + "'");
    int replyId = 0;
    if (callback != null) {
      replyId = nextReplyId++;
      pendingReplies.put(replyId, callback);
    }
    if (message == null) {
      flutterJNI.dispatchEmptyPlatformMessage(channel, replyId);
    } else {
      flutterJNI.dispatchPlatformMessage(channel, message, message.position(), replyId);
    }
}
      •  
  
    • 尝试一下子线程发送消息，发现会出现崩溃
      new Thread(new Runnable() {
    @Override
    public void run() {
        nativeChannel.invokeMethod("setNum", a , null);
    }
}).start();
      •  
  
    • 崩溃信息如下所示
      java.lang.RuntimeException: Methods marked with @UiThread must be executed on the main thread. Current thread: Thread-2574
    at io.flutter.embedding.engine.FlutterJNI.ensureRunningOnMainThread(FlutterJNI.java:992)
    at io.flutter.embedding.engine.FlutterJNI.dispatchPlatformMessage(FlutterJNI.java:736)
    at io.flutter.embedding.engine.dart.DartMessenger.send(DartMessenger.java:72)
    at io.flutter.embedding.engine.dart.DartExecutor$DefaultBinaryMessenger.send(DartExecutor.java:370)
    at io.flutter.plugin.common.MethodChannel.invokeMethod(MethodChannel.java:94)
    at com.ycbjie.ycandroid.channel.MethodChannelActivity.test1000(MethodChannelActivity.java:302)
    at com.ycbjie.ycandroid.channel.MethodChannelActivity.access$000(MethodChannelActivity.java:46)
    at com.ycbjie.ycandroid.channel.MethodChannelActivity$1.run(MethodChannelActivity.java:98)
    at java.lang.Thread.run(Thread.java:818)
      •  
 
     
 
    12.Flutter给NA发送数据
     
 
       
  
    • 从method.invokeMethod('android', map);开始分析
        @optionalTypeArgs
  Future _invokeMethod(String method, { bool missingOk, dynamic arguments }) async {
    assert(method != null);
    final ByteData result = await binaryMessenger.send(
      name,
      codec.encodeMethodCall(MethodCall(method, arguments)),
    );
    return codec.decodeEnvelope(result) as T;
  }
      •  
  
    • 最后定位到_DefaultBinaryMessenger类中的send方法
        Future _sendPlatformMessage(String channel, ByteData message) {
    final Completer completer = Completer();
    // ui.window is accessed directly instead of using ServicesBinding.instance.window
    // because this method might be invoked before any binding is initialized.
    // This issue was reported in #27541. It is not ideal to statically access
    // ui.window because the Window may be dependency injected elsewhere with
    // a different instance. However, static access at this location seems to be
    // the least bad option.
    ui.window.sendPlatformMessage(channel, message, (ByteData reply) {
      try {
        completer.complete(reply);
      } catch (exception, stack) {
        FlutterError.reportError(FlutterErrorDetails(
          exception: exception,
          stack: stack,
          library: 'services library',
          context: ErrorDescription('during a platform message response callback'),
        ));
      }
    });
    return completer.future;
  }
      •  
 
     
 
    13.Channel通信传递稳定性
     
 
       
  
    • channel传递数据是否会丢失，如何测试呢？可以模拟，Android给flutter发送1000条信息，然后flutter给Android发送1000条信息，接下来看一下如何测试：
      •  
 
     
 
    13.1 Android给flutter发送数据
     
 
       
  
    • Android给flutter发送数据，代码如下所示
      int a = 0;
private void test1000() {
    if (nativeChannel!=null){
        for (int i=0 ; i<1000 ; i++){
            a++;
            Log.i("测试数据test1000 ：", a+"");
            nativeChannel.invokeMethod("setNum", a , new MethodChannel.Result() {
                @SuppressLint("SetTextI18n")
                @Override
                public void success(@Nullable Object result) {
                    if (result==null){
                        return;
                    }
                    Log.i("测试数据：",result.toString());
                }

                @SuppressLint("SetTextI18n")
                @Override
                public void error(String errorCode, @Nullable String errorMessage, @Nullable Object errorDetails) {
                    Log.i("测试数据异常：",errorMessage);
                }

                @Override
                public void notImplemented() {

                }
            });
        }
    }
}
      •  
  
    • flutter接收数据并回传数据给Android
        //接受na端传递过来的方法，并做出响应逻辑处理
  method.setMethodCallHandler(nativeCallHandler);

  // 注册方法，等待被原生通过invokeMethod唤起
  Future nativeCallHandler(MethodCall methodCall) async {
    switch (methodCall.method) {
      case "setNum":
      //获取参数
        int message = await methodCall.arguments;
        print("原生android传递过来的参数为------ $message");
        return "flutter回调数据：${message.toString()}";
        break;
    }
  }
      •  
 
     
 
    13.2 查看数据稳定性和及时性
     
 
       
  
    • Android发送消息日志
      2021-08-26 11:58:03.837 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 990
2021-08-26 11:58:03.837 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 991
2021-08-26 11:58:03.837 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 992
2021-08-26 11:58:03.837 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 993
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 994
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 995
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 996
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 997
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 998
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 999
2021-08-26 11:58:03.838 23106-23106/com.ycbjie.ychybrid I/测试数据test1000：: 1000
      •  
  
    • flutter接收Android发送数据
      2021-08-26 11:52:39.708 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 992
2021-08-26 11:52:39.709 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 993
2021-08-26 11:52:39.709 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 994
2021-08-26 11:52:39.709 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 995
2021-08-26 11:52:39.709 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 996
2021-08-26 11:52:39.710 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 997
2021-08-26 11:52:39.710 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 998
2021-08-26 11:52:39.710 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 999
2021-08-26 11:52:39.710 23106-23627/com.ycbjie.ychybrid I/flutter: 原生android传递过来的参数为------ 1000
      •  
  
    • flutter收到消息后，回调给Android数据。Android监听回调数据，打印日志如下
      2021-08-26 11:58:03.964 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：600
2021-08-26 11:58:03.964 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：601
2021-08-26 11:58:03.964 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：602
2021-08-26 11:58:03.965 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：603
2021-08-26 11:58:03.965 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：604
2021-08-26 11:58:03.965 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：605
2021-08-26 11:58:03.965 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：606
2021-08-26 11:58:03.966 23106-23106/com.ycbjie.ychybrid I/测试数据：: flutter回调数据：607
      •  
  
    • 然后再看一波打印日志，如下所示
      2021-08-26 12:07:09.158 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 1
2021-08-26 12:07:09.237 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：1
2021-08-26 12:07:09.240 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 2
2021-08-26 12:07:09.241 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 3
2021-08-26 12:07:09.241 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：2
2021-08-26 12:07:09.241 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：3
2021-08-26 12:07:09.241 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 4
2021-08-26 12:07:09.241 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：4
2021-08-26 12:07:09.241 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 5
2021-08-26 12:07:09.241 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：5
2021-08-26 12:07:09.242 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 6
2021-08-26 12:07:09.242 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：6
2021-08-26 12:07:09.242 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 7
2021-08-26 12:07:09.242 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：7

2021-08-26 12:07:09.272 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 131
2021-08-26 12:07:09.273 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：131
2021-08-26 12:07:09.273 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 132
2021-08-26 12:07:09.273 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：132
2021-08-26 12:07:09.273 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 133
2021-08-26 12:07:09.273 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：133
2021-08-26 12:07:09.273 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 134
2021-08-26 12:07:09.273 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：134
2021-08-26 12:07:09.273 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 135
2021-08-26 12:07:09.274 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：135
2021-08-26 12:07:09.274 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 136
2021-08-26 12:07:09.274 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：136
2021-08-26 12:07:09.274 24237-24990/com.ycbjie.ychybrid I/flutter: 测试数据，flutter接收NA数据： 137
2021-08-26 12:07:09.274 24237-24237/com.ycbjie.ychybrid I/测试数据，NA接收flutter回调：: flutter回调数据：137
      •  
  
    • 因此查看日志可以得知，传递数据保证了数据的时效性，发送消息和接收消息是一一对应。并没有失败的情况，因此传递数据是稳定的。
      •  
  
    • 重点说明，有小伙伴有疑惑，你这遍历1000次，每次传递都是int值，那实际开发中可能传递大json，数据量大的情况会怎样，这个下面会说到……
      •  
 
     
 
    14.onActivityResult如何实现
     
 
       
  
    • 先说一个场景
       
   
         
    
      • 在开发中我们经常会遇到关闭当前页面的同时返回给上一个页面数据的场景，在Android中是通过startActivityForResult和onActivityResult()实现的。
        •  
    
      • 而纯Flutter页面之间可以通过在Navigator.of(context).pop()方法中添加参数来实现，那么对于Flutter页面和Android原生页面之间如何在返回上一页时传递数据呢，通过MethodChannel就可以实现。
        •  
   
      •  
 
     
 
    14.1 Flutter页面返回Android原生页面
     
 
       
  
    • 在Flutter端调用原生的返回方法就可以了，首先在Flutter页面添加一个按钮，点击按钮返回原生页面，代码如下：
      new Padding(
    padding: const EdgeInsets.only(
        left: 10.0, top: 10.0, right: 10.0),
    child: new RaisedButton(
        textColor: Colors.black,
        child: new Text('返回上一界面，并携带数据'),
        onPressed: () {
            Map map = {'message': '我从Flutter页面回来了'};
            String result = await method.invokeMethod('goBackWithResult', map);
        }),
  ),
      •  
  
    • Android端依然是通过判断methodCall.method的值来执行指定的代码，通过methodCall.argument()获取Flutter传递的参数。
      nativeChannel.setMethodCallHandler(new MethodChannel.MethodCallHandler() {
    @Override
    public void onMethodCall(@NonNull MethodCall methodCall, @NonNull MethodChannel.Result result) {
        if ("goBackWithResult".equals(methodCall.method)) {
            // 返回上一页，携带数据
            Intent backIntent = new Intent();
            backIntent.putExtra("message", (String) methodCall.argument("message"));
            setResult(RESULT_OK, backIntent);
            finish();
        }
    }
});
      •  
 
     
 
    14.2 Android原生页面返回Flutter页面
     
 
       
  
    • Android原生页面返回Flutter页面
       
   
         
    
      • 这种情况需要原生来调用Flutter代码，和Flutter调用原生方法的步骤是一样的。首先触发flutter页面按钮，从flutter跳转na页面，然后触发na页面返回操作，返回到Flutter页面，并传递数据。
        •  
   
      •  
  
    • 首先是flutter页面触发跳转到na页面的代码操作逻辑，代码如下所示
      //flutter
  new Padding(
    padding: const EdgeInsets.only(left: 10.0, top: 10.0, right: 10.0),
    child: new RaisedButton(
        textColor: Colors.black,
        child: new Text('跳转到原生逗比界面，回调结果：$_methodResult1'),
        onPressed: () {
          _jumpToNative();
        }),
  ),

//na，注意na接收到flutter指令后，na是调用startActivityForResult操作跳转到na的新页面
nativeChannel.setMethodCallHandler(new MethodChannel.MethodCallHandler() {
    @Override
    public void onMethodCall(@NonNull MethodCall methodCall, @NonNull MethodChannel.Result result) {
        if ("doubi".equals(methodCall.method)) {
            //接收来自flutter的指令
            //跳转到指定Activity
            Intent intent = new Intent(MethodChannelActivity.this, MethodResultActivity.class);
            startActivityForResult(intent,RESULT_OK2);
            //返回给flutter的参数
            result.success("Na收到指令");
        }
    }
});
      •  
  
    • 然后接下来的一步是，从NA返回到flutter页面，然后再去调用flutter方法。具体操作代码如下所示
      //na flutter触发打开na的新的页面
public class MethodResultActivity extends AppCompatActivity {

    @SuppressLint("SetTextI18n")
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_android);
        TextView tv = findViewById(R.id.tv);
        tv.setText("flutter页面打开NA页面，测试Android原生页面返回Flutter页面");
        tv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent();
                intent.putExtra("message", "我从原生页面回来了");
                setResult(RESULT_OK2, intent);
                finish();
            }
        });
    }
}

// na flutter承载容器的na的原生页面
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if (data != null && resultCode==RESULT_OK2) {
        // MethodResultActivity返回的数据
        String message = data.getStringExtra("message");
        Map result = new HashMap<>();
        result.put("message", message);
        // 调用Flutter端定义的方法
        nativeChannel.invokeMethod("onActivityResult", result, new MethodChannel.Result() {
            @SuppressLint("SetTextI18n")
            @Override
            public void success(@Nullable Object result) {
                tvContent.setText("测试内容2："+result);
            }

            @SuppressLint("SetTextI18n")
            @Override
            public void error(String errorCode, @Nullable String errorMessage, @Nullable Object errorDetails) {
                tvContent.setText("测试内容：flutter传递给na数据传递错误2");
            }

            @Override
            public void notImplemented() {

            }
        });
    }
}

//flutter
  Future handler(MethodCall call) async {
    switch (call.method) {
      case 'onActivityResult':
        // 获取原生页面传递的参数
        print(call.arguments['message']);
        return "你好，这个是从flutter传递过来的数据";
    }
  }

  flutterChannel.setMethodCallHandler(handler);
      •  
 
     
 
    推荐
     
  

                            
                        
                    
                    
                    
    
                    
                    
                    
    
                
                
    
                    
                
    
            
        
    
    
    
        
    你可能感兴趣的:(flutter)
    
        
    
            
    
                
      
                    
    • 2024年最全Flutter如何和Native通信-Android视角，Electron开发Android界面
                        2401_84544531
程序员android面试学习
                        
      总结【Android详细知识点思维脑图（技能树）】其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然Android没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明Android中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪
      
                    
      • 
                    
    • 生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念
                        NewmanEdwarda2
前端ui数据库
                        
      前端(用户界面)yinanjinying.comHTML/CSS/JavaScript(原生Web开发)对于简单的WebApp，你可以直接使用HTML来构建页面结构，CSS来设置样式，JavaScript来添加交互性。React(JavaScript/TypeScript)对于更复杂的单页应用（SPA），React是一个流行的选择。它允许你构建可复用的UI组件。Flutter(Dart)如果你想要
      
                    
      • 
                    
    • Flutter函数
                        且听真言
Flutter函数的定义可选参数命名可选参数位置可选参数参数默认值词法闭包匿名函数
                        
      在Dart中，函数为一等公民，可以作为参数对象传递，也可以作为返回值返回。函数定义//返回值(可以不写返回值，但建议写)、函数名、参数列表showMessage(Stringmessage){//函数体print(message);}voidshowMessage(Stringmessage){print(message);}可选参数位置参数：用方括号[]表示，参数根据位置传递给函数；voidsh
      
                    
      • 
                    
    • Flutter电商项目实践-架构设计
                        Zhouztashin
Flutterflutter电子商务项目架构
                        
      1、框架设计图框架设计总体说明整个框架划分成业务层、组件层、基础层与外部层。其中外部层对应着第三方或者自己封装的提供单独功能的依赖库，基础层主要对应着非UI的基础性功能，组件层对应着UI功能的基础性功能，可以向业务层提供完整可以使用的UI组件功能。业务层则是应用的核心，除了外部层之外，组件层、基础层以库的形式提供给业务层使用，这样的好处是提高了这两层的复用性。框架设计原则层级职责划分需要单一且清晰
      
                    
      • 
                    
    • flutter页面布局HTML,flutter笔记7：flutter页面布局基础，看完这篇就可以用flutter写APP了...
                        李致遠
flutter页面布局HTML
                        
      不知不觉已经到了第7篇，然而很多萌新玩家可能还是不知道如何堆砌控件，像用CSS一样搭出漂亮的APP界面，我也一样，红红火火恍恍惚惚，直到今天含泪读完Flutter布局基础，仿佛打开了一个全新的世界。基本概念在flutter中，一切皆控件！一切皆控件！一切皆控件！牢牢记住这个概念。Text是控件，Image是控件，Icon是控件，布局脚手架也Scaffold也是控件，甚至整个APP也是控件。用户自定
      
                    
      • 
                    
    • Flutter 应用程序开发的优缺点
                        pxr007
flutterandroidui
                        
      编者注：这篇文章于2022年9月19日更新，包含有关Flutter3.0的信息，以及通过有组织的文档和更快的应用程序开发来增加可访问性。如果您是一位经验丰富的移动应用程序开发人员，那么您已经决定为Android或iOS设备构建应用程序。如果您是初学者，您可能仍在考虑哪个是您的首选平台。这些决定决定了您在成为移动或跨平台应用程序开发人员的道路上应该学习哪些技术。无论您的应用程序开发之旅将您带到哪里，
      
                    
      • 
                    
    • flutter 泛型_Flutter入门——泛型
                        weixin_39627408
flutter泛型
                        
      在查看基本数组类型List的API文档，会看到该类型实际上是List。表示法将List标记为泛型(或参数化)类型-具有正式类型参数的类型。按照惯例，大多数类型变量都有单字母名称，例如E，T，S，K和V.为什么要使用泛型类型安全通常需要泛型，除了允许让代码运行之外，还可以：正确指定泛型类型会生成更好的代码。例如，可以使用List(字符串列表)，来表示列表中只包含字符串，这样编译器就会启用类型检查，非
      
                    
      • 
                    
    • Flutter 升级3.22.3相关报错问题
                        明似水
flutterfluttercocoamacos
                        
      Analyzingdependenciesfirebase_analytics:UsingFirebaseSDKversion'10.29.0'definedin'firebase_core'firebase_auth:UsingFirebaseSDKversion'10.29.0'definedin'firebase_core'firebase_core:UsingFirebaseSDKvers
      
                    
      • 
                    
    • Flutter PDFView：在Flutter应用中嵌入PDF阅读器
                        明似水
flutterflutterpdf
                        
      FlutterPDFView：在Flutter应用中嵌入PDF阅读器在移动应用开发中，经常会遇到需要在应用内展示PDF文件的需求。Flutter作为一个跨平台的UI工具包，提供了丰富的包来满足开发者的各种需求。flutter_pdfview就是这样一个包，它允许开发者在iOS和Android平台上无缝地嵌入PDF阅读器。简介flutter_pdfview是一个原生的PDF查看器，支持iOS和And
      
                    
      • 
                    
    • 新版本flutter混编安卓没有flutter类
                        絮语时光
flutterflutterandroid
                        
      Flutter升级到1.12后遇到的问题添加链接描述前些日子评论区里wangwhatlh同学反馈遇到了程序包io.flutter.facade不存在问题，起初我运行了一下之前的项目，发现可以正常运行，加上我自己有一段时间没有用过Flutter了，也就没太重视这个问题。说来也是惭愧，最近又陆续有多位小伙伴反馈了这个问题，我才终于意识到这是一个普遍性问题，简单查了一下了解到这个错误是Flutter1.
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-08-Ionic 介绍
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-09-phonegap/Apache Cordova 介绍
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-10-naitvescript 介绍
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-02-有哪些主流技术栈？
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-01-概览
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • Flutter 使用第三方包加载3d模型
                        AiFlutter
flutter3d
                        
      1.O3D（第三方包）这是一个用于以glTF和GLB格式呈现交互式3D模型的Flutter小部件。这个小部件在WebView中嵌入了Google的web组件。在线演示：O3DBabakCode3DUI特性渲染glTF和GLB模型；支持动画模型，具有可配置的自动播放设置；可选地支持将模型启动到AR查看器中；可选地自动旋转模型，具有可配置的延迟；支持小部件的可配置背景颜色。2.使用流程2.1添加依赖在
      
                    
      • 
                    
    • Flutter3备忘: GetX常用命令
                        mulegame
Flutterflutter
                        
      D:\flutter_app\getcreatepagesearch//创建一个firstPage在productContent目录中getcreateview:firstPageonproductContentgetcreateview:secondPageonproductContentgetcreateview:thirdPageonproductContentgetgeneratemode
      
                    
      • 
                    
    • Flutter框架高阶——Window应用程序设置窗体窗口背景完全透明
                        木颤简叶
Flutterflutterwindows开发语言后端笔记c++microsoft
                        
      文章目录1.修改main.cpp1）C++与Win32API2）EnableTransparency()3）中文注释2.编写Flutter代码1）bitsdojo_window2）window_manager3）区别对比4）同时使用（1）设置初始化代码（2）处理冲突和集成Flutter的文件结构如下，找到图中的main.cpp的文件1.修改main.cppmain.cpp文件中的代码应该和下面差不
      
                    
      • 
                    
    • 探索高效Flutter开发新境界：flutter_getx_template
                        平奇群Derek

                        
      探索高效Flutter开发新境界：flutter_getx_template在这个快节奏的数字时代，开发者们不断寻求更高效、更易维护的框架和技术来构建移动应用。Flutter，以其强大的跨平台能力和优美的声明式语法，已经成为了许多开发者的心头好。今天，我们将向您推荐一款基于GetX库的开源项目——flutter_getx_template，这是一款专为中大型Flutter项目设计的模板，让您的开发
      
                    
      • 
                    
    • flutter之：GetX 的 状态管理
                        神笔码靓

                        
      1.状态管理目前，Flutter的几种状态管理器，大多数都涉及到使用ChangeNotifier来更新widget，这对于中大型应用的性能来说是一个糟糕的方法。在Flutter官方文档中查到，ChangeNotifier应该使用1个或最多2个监听器，这使得它实际上无法用于任何中等或大型应用。1.1其他的状态管理器的差别：BLoC非常安全和高效，但是对于初学者来说非常复杂，这使得人们无法使用Flut
      
                    
      • 
                    
    • Flutter类
                        且听真言
Flutter类定义及使用构造函数get/set修饰符对象操作符继承接口和抽象类Mixins（混入）
                        
      Dart中的对象都继承自Object类，单继承（extend关键字）。Dart与Java、kotlin不同的是其无public、private、protected修饰符，默认public，通过在属性名、方法名前加_下划线来定义是否私有。实现一个简单的类classStudent{//默认publicfinalStringname;//默认publicfinalintage;Student(this.
      
                    
      • 
                    
    • cross-plateform 跨平台应用程序-05-Flutter 介绍
                        老马啸西风
java
                        
      跨平台系列cross-plateform跨平台应用程序-01-概览cross-plateform跨平台应用程序-02-有哪些主流技术栈？cross-plateform跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?cross-plateform跨平台应用程序-04-ReactNative介绍cross-plateform跨平台应用程序-05-Flutter介绍cross-platefor
      
                    
      • 
                    
    • flutter开发多端平台应用的探索 上（基本操作）
                        夏目艾拉
flutter设计模式javaandroid
                        
      前言Flutter是一个跨平台的开发框架，它允许开发者使用相同的代码库来构建iOS、Android、Web和桌面应用程序。最近想了想，自己一直在用flutter开发特定端的应用，但是对于其他端的端特性case，如桌面端的菜单、多窗口、鼠标事件，需要怎么处理还没什么概念，本文旨在简单探索这方面的内容。正文首先就是判断平台了，可以通过如下方式import'dart:io'showPlatform;vo
      
                    
      • 
                    
    • Flutter学习之九 ListView
                        MQ_Twist

                        
      极端很容易，平衡才是最难的。Flutter学习之八Container前言Flutter中的ListView的地位，就好比于iOS中的UITableView，算是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持列表项懒加载（在需要时才会创建）。默认构造函数我们看看ListView的默认构造函数定义：ListView({...//可滚动widget公共参数AxisscrollD
      
                    
      • 
                    
    • Explore-Flutter-FireStore: 使用Flutter结合Firebase Firestore的实战指南
                        戴洵珠Gerald

                        
      Explore-Flutter-FireStore:使用Flutter结合FirebaseFirestore的实战指南Explore-Flutter-FireStoreThisisaFlutterAppwithFirebase'sCloudFireStoreDatabaseandGoogleMap.ThisapprepresentsthatBeautifulUIcanbeimplementedwi
      
                    
      • 
                    
    • Flutter 自绘组件 （CustomPaint与Canvas）绘制虚线、区域、直线（一）
                        goodhighting
程序员flutter前端javascript
                        
      有人也许会疑惑，方案1和方案二不都是采用的绘制吗，那可不一定。有的时候解决问题，我们不遵循常规也可以解决问题，满足一时之需了。1、解决问题奇葩方式一：为什么奇葩呢？我们采用多个Container进行竖直或者水平排列完成了效果，至于性能上我们后面慢慢验证了。_lineContainer(){returnContainer(margin:EdgeInsets.only(top:2.0),color:C
      
                    
      • 
                    
    • flutter app_Flutter App中的错误处理
                        weixin_26638123
python
                        
      flutterappPartofthe‘AWorkinProgress’Series“正在进行的工作”系列的一部分Today,I’mdemonstratinghowtheMVCframeworklibrarypackageisadaptiveandflexibleinitsimplementationofspecificneeds.Inthiscase,I’llshowyouhowtheframe
      
                    
      • 
                    
    • flutter构建桌面应用_使用Flutter Firebase Part I构建笔记记录应用程序
                        weixin_26727575
pythonjava
                        
      flutter构建桌面应用I’mafanofGoogleKeep,I’vebeenusingitsinceitwaslaunched.Iputpendingtasks,remindersforchores,almostanythingneedstoremember,intoKeep.It’sintuitivetouse,helpsmestayfocusedonthepriorities.我是Goo
      
                    
      • 
                    
    • 如何使用Flutter为iOS和Android应用设置Firebase
                        cukw6666
数据库androidjavapythonios
                        
      Firebaseisagreatbackendsolutionforanyonethatwantstouseauthentication,databases,cloudfunctions,adsandcountlessotherfeatureswithinanapp.Luckilyforus,FlutterhasofficialsupportforFirebasewiththeFlutterFir
      
                    
      • 
                    
    • Flutter TextField - onChanged 值不会实时更新
                        小f要努力啦
Flutterflutter
                        
      问题：今天用Flutter模拟一个登录注册，在判断账号和密码的时候发现即使TextField写了onChanged，绑定的值却不会实时更新。随便打几个字也不会显示不符合账号设定的条件，从print也看出来和输入框绑定的变量的值一直没有更新解决方法：在onChange下再加上setState函数，就可以实现实时更新了child:TextField(onChanged:(value){setState
      
                    
      • 
                                
    • 多线程编程之卫生间
                                    周凡杨
java并发卫生间线程厕所
                                    
      如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
      
                                
      • 
                                
    • How to Install GUI to Centos Minimal
                                    sunjing
linuxInstallDesktopGUI
                                    
      http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html 
  
I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
      
                                
      • 
                                
    • Shell 函数
                                    daizj
shell函数
                                    
      Shell 函数 
linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 
shell中函数的定义格式如下： 
[function] funname [()]{

    action;
  
     [return int;]

} 
说明： 
 
 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 
 2、参数返回
      
                                
      • 
                                
    • Linux服务器新手操作之一
                                    周凡杨
Linux 简单 操作
                                    
      1.whoami 
     当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。 
     此时可以使用whoami命令。 
     [ecuser@HA5-DZ05 ~]$ whoami 
      e
      
                                
      • 
                                
    • 浅谈Socket通信（一）
                                    朱辉辉33
socket
                                    
      在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。 
   首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包 
   ServerSock
      
                                
      • 
                                
    • 关于框架的简单认识
                                    西蜀石兰
框架
                                    
      入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 
前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 
后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 
 
都说学前端的要知道三大框架，目前node.
      
                                
      • 
                                
    • You have an error in your SQL syntax; check the manual that corresponds to your
                                    林鹤霄

                                    
      You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
      
                                
      • 
                                
    • MySQL5.6的my.ini配置
                                    aigo
mysql
                                    
      注意：以下配置的服务器硬件是：8核16G内存  
  
[client] 
  
port=3306 
  
[mysql] 
  
default-character-set=utf8 
  
  
[mysqld] 
  
port=3306 
  
basedir=D:/mysql-5.6.21-win
      
                                
      • 
                                
    • mysql 全文模糊查找 便捷解决方案
                                    alxw4616
mysql
                                    
      mysql 全文模糊查找 便捷解决方案 
2013/6/14 by 半仙 [email protected] 
 
目的: 项目需求实现模糊查找. 
原则: 查询不能超过 1秒. 
 
问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 
解决方案: 使用mysql全文索引. 
 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
      
                                
      • 
                                
    • 自定义数据结构 链表(单项 ,双向,环形)
                                    百合不是茶
单项链表双向链表
                                    
        
   链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的 
  
    
单项链表;数据从第一个指向最后一个 
  
实现代码: 
  
     
//定义动态链表
clas
      
                                
      • 
                                
    • threadLocal实例
                                    bijian1013
javathreadjava多线程threadLocal
                                    
      实例1： 
package com.bijian.thread;

public class MyThread extends Thread {

	private static ThreadLocal tl = new ThreadLocal() {
		protected synchronized Object initialValue() {
			return new Inte
      
                                
      • 
                                
    • activemq安全设置—设置admin的用户名和密码
                                    bijian1013
javaactivemq
                                    
              ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 
<bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint">
        <p
      
                                
      • 
                                
    • 【Java范型一】Java范型详解之范型集合和自定义范型类
                                    bit1129
java
                                    
      本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。 
  范型内容 
 
 范型集合类 
 范型类 
 
      
                                
      • 
                                
    • 【HBase十二】HFile存储的是一个列族的数据
                                    bit1129
hbase
                                    
      在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证 
  
1. 建立一个有两个列族的表 
  
create 'members','colfam1','colfam2' 
  
2. 在members表中的colfam1中插入50*5
      
                                
      • 
                                
    • Nginx 官方一个配置实例
                                    ronin47
nginx 配置实例
                                    
      user       www www;
worker_processes  5;
error_log  logs/error.log;
pid        logs/nginx.pid;
worker_rlimit_nofile 8192;

events {
  worker_connections  4096;}

http {
  include    conf/mim
      
                                
      • 
                                
    • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环
                                    bylijinnan
java
                                    
      
//use recursion
	public static void mirrorHelp1(Node node){
		if(node==null)return;
		swapChild(node);
		mirrorHelp1(node.getLeft());
		mirrorHelp1(node.getRight());
	}
	//use no recursion bu
      
                                
      • 
                                
    • 返回null还是empty
                                    bylijinnan
javaapachespring编程
                                    
      第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 
第二个问题，函数输入参数不当时，是异常还是返回null？ 
 
先看第一个问题 
 
有两个约定我觉得应当遵守： 
 
1.返回零长度的数组或集合而不是null（详见《Effective Java》） 
 
理由就是，如果返回empty，就可以少了很多not-null判断： 
 

List<Person> list
      
                                
      • 
                                
    • [科技与项目]工作流厂商的战略机遇期
                                    comsci
工作流
                                    
       
 
      在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。 
 
 
        在微软，甲骨文，谷歌，IBM,SONY
      
                                
      • 
                                
    • 过度设计-举例
                                    cuityang
过度设计
                                    
      过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 
未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 
 
再举一个例子，对闰年的判断逻辑： 
　　1、 if($Year%4==0) return True; else return Fasle; 
　　2、if (   ($Year%4==0  &am
      
                                
      • 
                                
    • java进阶，《Java性能优化权威指南》试读
                                    darkblue086
java性能优化
                                    
      记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
      
                                
      • 
                                
    • 网络学习笔记初识OSI七层模型与TCP协议
                                    dcj3sjt126com
学习笔记
                                    
         协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定   　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。   　　两类服务：   　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。   　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
      
                                
      • 
                                
    • mac中用命令行运行mysql
                                    dcj3sjt126com
mysqllinuxmac
                                    
      参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 
1，安装mysql 
在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
      
                                
      • 
                                
    • MongDB查询（1）——基本查询[五]
                                    eksliang
mongodbmongodb 查询mongodb find
                                    
      MongDB查询 
转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 
MongoDB中使用find来进行查询。 
API:如下 
function ( query , fields , limit , skip, batchSize, options ){.....} 
 参数含义： 
 
 query:查询参数 
 fie
      
                                
      • 
                                
    • base64，加密解密 经融加密，对接
                                    y806839048
经融加密对接
                                    
      String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); 
 String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); 
 
// 注意编码格式，注意用于加密，解密的要是同
      
                                
      • 
                                
    • JavaWeb之JSP概述
                                    ihuning
javaweb
                                    
        
什么是JSP？为什么使用JSP？ 
JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。 
  
JSP起源  
  
在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  
如果使用Servl
      
                                
      • 
                                
    • apple watch 指南
                                    啸笑天
apple
                                    
      1. 文档 
 
  WatchKit Programming Guide（中译在线版 By @CocoaChina）    译文 译者 原文   概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch   概览 - 配置 Xcode 项目 - Overview - Configuring Yo
      
                                
      • 
                                
    • java经典的基础题目
                                    macroli
java编程
                                    
      1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
      
                                
      • 
                                
    • 你所不知道神奇的js replace正则表达式
                                    qiaolevip
每天进步一点点学习永无止境纵观千象regex
                                    
      var v = 'C9CFBAA3CAD0';
console.log(v);
var arr = v.split('');
for (var i = 0; i < arr.length; i ++) {
  if (i % 2 == 0) arr[i] = '%' + arr[i];
}
console.log(arr.join(''));

console.log(v.r
      
                                
      • 
                                
    • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics)
                                    superlxw1234
hivehive分析表hive统计信息hive Statistics
                                    
      关键字：Hive统计信息、分析Hive表、Hive Statistics 
  
类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。 
  
表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等； 
  14.1 新表的统计信息 
对于一个新创建
      
                                
      • 
                                
    • Spring Boot 1.2.5 发布
                                    wiselyman
spring boot
                                    
        
  
Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。 
  
这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。 
  
官方建议所有的Spring Boot用户升级这个版本。 
  
项目首页 | 源
      
                                
      •