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, …

点击事件

android 中,所有 View 都可以直接 setOnClickListener, RN 中也有 TouchableHightlight 这样的控件可以直接套在外面,ios 中也可以有 UIControl 这样的控件可以直接添加点击事件.

那么 flutter 中有吗? 答案自然是有. GestureDetector,InkResponse,InkWell, 包括一些琳琅满目的按钮,比如 FlatButton,MaterialButton,CupertinoButton,IconButton,ImageButton 这些组件都可以达到目的. 那么自定义的目的是什么呢?

自定义的优点

最重要的自然就是可控性强,复用性强. …

简单翻译

英文链接来自于 flutter 官网

对应的版本为 11 月 11 日版本 连接为

后续如有改动,请以最新的英文版本为准,有翻译不准确的地方请参照英文版本自行理解

概述

本文档描述了 Flutter 工具包的内部工作原理，使 Flutter 的 API 成为可能。因为 Flutter 小部件是使用积极的可组合性(aggressive composition)构建的，所以使用 Flutter 构建的用户界面具有大量小部件。

为了支持这种工作量，Flutter 使用次线性算法来布局和构建小部件，这些数据结构使树形手术变得高效，并且具有许多常量因子优化。

通过一些额外的细节，这种设计还使开发人员可以使用回调来轻松创建无 …