开篇声明:本篇文章不算是新手向的东西,你需要对于 flutter 和 android 本身有一定的了解

文章原因

为啥要写这个文章呢

最近有 qq 群的同学询问如何在关闭界面后在 service 中执行 dart 代码

我当时的理解就是 flutter 是依附于 activity 存在的,但是这部分并没有任何实际支撑

所以我抱着好奇的想法去跟了一下 engine 部分的源码

flutter engine 简单介绍

这里简单介绍一下 flutter engine,

在 android 系统上 flutter 是使用 FlutterView 实现的, 对应 github 源码 android 部分

对应的 java …

前言

最近看到群里有朋友在问类似于

这东西怎么实现

我回答的可能不那么清楚,因为我就答了 bottomSheet,下次我可能会回答的更清楚些

这东西在可能在 flutter 里有如下几种解释

1. Scaffold 的 bottomSheet 属性
2. 一个叫 BottomSheet 的 widget 组件
3. Scaffold.showBottomSheet 方法
4. showBottomSheet 方法也就是一个底层弹窗

这里分别来简单的说一下

Scaffold 的 bottomSheet 属性

这个就是前言中的那种东西的简单实现方式,直接把聊天的输入框(TextField)放在里面, …

http 简介

http 是一个 http 网络请求框架, 由 dart team 出品

与HttpClient不是一回事,至于和 dio 孰优孰劣自己见仁见智吧

通过 pub 下载

基础的 api

http 协议中有多种 METHOD,当然最常见的就是 GET POST,

因为最近几年 restful 协议的频繁使用,使得 PUT,DELETE,PATCH 方法也有了一定的使用率

基础使用

 1import 'package:http/http.dart' as http;
 2void get(String url) async {
 3    http.Response response = await …

java.lang.UnsatisfiedLinkError: dalvik.system.PathClassLoader[DexPathList[[zip file "/system/framework/android.test.runner.jar", ...... base.apk!/lib/arm64-v8a, /system/lib64, /system/vendor/lib64]]] couldn't find "libflutter.so"

这种问题可以看到其中有 arm64 的字样. 也有 libflutter.so

在以前运行打包命令后 可以正常运行的项目, …

原生通信系列

1. Flutter 调用 Android
2. Android 通知 Flutter
3. Flutter 调用 iOS
4. iOS 通知 Flutter

项目地址

本篇主要介绍如何在 iOS 中发布广播,然后在 dart 端进行订阅

oc

先来查看 OC 篇

 1#import "BattlePowerPlugin.h"
 2#import <Foundation/NSTimer.h>
 3
 4@implementation BattlePowerPlugin
 5
 6+ (void)registerWithRegistrar:(NSObject< …

原生通信系列

1. Flutter 调用 Android
2. Android 通知 Flutter
3. Flutter 调用 iOS
4. iOS 通知 Flutter

项目地址

本篇要介绍的是 flutter 调用 iOS 篇

如果你没有看过我的前 2 篇,建议看一下. dart 端会承接上一篇的结果

dart

 1import 'dart:async';
 2
 3import 'package:flutter/services.dart';
 4
 5class BattlePower {
 6  static const MethodChannel _channel …

原生通信系列

1. Flutter 调用 Android
2. Android 通知 Flutter
3. Flutter 调用 iOS
4. iOS 通知 Flutter

项目地址

第二篇介绍的是原生通知 dart

开篇就是灵魂流程图,自己体会吧 😆

不同于第一篇, 本篇是由 java 端作为发布端, dart 作为订阅端
具体的创建过程请参考第一篇

java

先看看 java 端代码

 1package com.example.battlepower;
 2
 3import java.util.Timer;
 4import java.util.TimerTask; …

原生通信系列

1. Flutter 调用 Android
2. Android 通知 Flutter
3. Flutter 调用 iOS
4. iOS 通知 Flutter

项目地址

在 flutter 开发中一定会有需要和原生通信的情况

第一篇介绍的是 flutter 调用 Android

这篇是给刚刚入门或者刚刚接触原生调用的朋友们使用的,老鸟们或者英文强的朋友还是直接看官方文档比较好

创建项目

一般来说建议使用一个 plugin 作为一个单独的项目来将业务逻辑独立出去

我这里使用命令行创建,事实上一律建议使用命令行创建,因为信息更加可见一些

1flutter create --template …

pub 库

项目名: flutter_image_compress
项目地址: https://pub.dartlang.org/packages/flutter_image_compress
简介: 图片压缩

项目名: oktoast
项目地址: https://github.com/OpenFlutter/flutter_oktoast
项目简介: 仿 android toast 纯 flutter 实现

项目名: photo_manager
项目地址: https://github.com/CaiJingLong/flutter_photo_manager
项目简介: 读取系统相册 纯 api 版 …

上一篇, 介绍了如何便利的构造一个自己的点击控件

flutter 中 如果给图片外面套 InkWell ,你会发现点击的逻辑生效了,但是 UI 上没反应

备注: 图片来源 , 违反版权请联系我,删除

代码如下

 1import 'package:flutter/material.dart';
 2
 3class ImageTapWidget extends StatefulWidget {
 4  final Widget child;
 5  final Function onTap;
 6
 7  const ImageTapWidget({Key key, …