幕思城>電商行情>多多開店>多多運(yùn)營(yíng)>Flutter 長(zhǎng)截屏適配 Miui 系統(tǒng)，一點(diǎn)都不難

Flutter 長(zhǎng)截屏適配 Miui 系統(tǒng)，一點(diǎn)都不難

2022-11-30|13:21|發(fā)布在分類 / 多多運(yùn)營(yíng)| 閱讀：106

現(xiàn)有 App 大部分業(yè)務(wù)場(chǎng)景都是以長(zhǎng)列表呈現(xiàn)，為更好滿足用戶內(nèi)容分享的訴求，Android 各大廠商都在系統(tǒng)層面提供十分便捷的長(zhǎng)截屏能力。然而我們發(fā)現(xiàn) Flutter 長(zhǎng)列表頁(yè)面在部分 Android 手機(jī)上無(wú)法截長(zhǎng)屏，F(xiàn)lutter 官方和社區(qū)也沒(méi)有提供框架層面的長(zhǎng)截屏能力。

閑魚作為 Flutter 在國(guó)內(nèi)業(yè)務(wù)落地的代表作，大部分頁(yè)面都以 Flutter 承接。為了閑魚用戶也能享受廠商系統(tǒng)的長(zhǎng)截屏能力，更好的滿足商品、社區(qū)內(nèi)容分享的訴求，閑魚技術(shù)團(tuán)隊(duì)主動(dòng)做了分析和適配。

針對(duì)線上輿情做了統(tǒng)計(jì)分析，發(fā)現(xiàn)小米用戶輿情反饋量占比最多，其次少量是華為用戶。為此我們針對(duì) Miui 長(zhǎng)截屏功能做了適配。

這里華為、OPPO、VIVO 基于無(wú)障礙服務(wù)實(shí)現(xiàn)，長(zhǎng)截屏功能已經(jīng)適配 Flutter 頁(yè)面。這里少量用戶反饋，是因?yàn)榻仄练答佇“咽?PopupWindow 有可能出現(xiàn)遮擋，導(dǎo)致系統(tǒng)無(wú)法驅(qū)動(dòng)長(zhǎng)列表滾動(dòng)。通過(guò)重寫 isImportantForAccessibility 便能解決。

小米長(zhǎng)截屏解讀

操作和表現(xiàn)

小米手機(jī)可通過(guò)音量鍵+電源鍵、或頂部下拉功能菜單“截屏”，觸發(fā)截屏。經(jīng)過(guò)簡(jiǎn)單嘗試，可以發(fā)現(xiàn)，原生長(zhǎng)列表頁(yè)面支持截長(zhǎng)屏，原生頁(yè)面無(wú)長(zhǎng)列表不支持，閑魚 Flutter 長(zhǎng)列表頁(yè)面（如詳情頁(yè)、搜索結(jié)果頁(yè)）不支持。

點(diǎn)擊“截長(zhǎng)屏”后，能看到長(zhǎng)列表頁(yè)面會(huì)自動(dòng)滾動(dòng)，點(diǎn)擊結(jié)束或者觸底的時(shí)候，自動(dòng)打開圖片編輯頁(yè)面，能看到生成的長(zhǎng)截圖。那小米系統(tǒng)是如何無(wú)侵入的實(shí)現(xiàn)以下關(guān)鍵點(diǎn)：

1. 當(dāng)前頁(yè)面是否支持滾動(dòng)截屏（長(zhǎng)截屏按鈕是否置灰）
2. 如何觸發(fā) App 長(zhǎng)列表頁(yè)面滾動(dòng)
3. 如何判斷是否已經(jīng)滾動(dòng)觸底
4. 如何合成長(zhǎng)截圖

系統(tǒng)源碼獲取

小米廠商能判斷前臺(tái) App 頁(yè)面能否滾動(dòng)，必然需要調(diào)用前臺(tái) App 視圖的關(guān)鍵接口來(lái)獲取信息。編寫一個(gè)自定義 RecyclerView 列表頁(yè)面，日志輸出 RecycleView 方法調(diào)用：

已知長(zhǎng)截屏需要調(diào)用的方法，再查看堆棧，可以看到調(diào)用方是系統(tǒng)類：miui.util.LongScreenshotUtils&ContentPort

使用低版本 miui（這里 miui8）手機(jī)，獲取對(duì)應(yīng)的代碼：/system/framework/framework.jar 或 github 查找 miui 開放代碼。

實(shí)現(xiàn)原理介紹

整體流程：查找滾動(dòng)視圖 → 驅(qū)動(dòng)視圖滾動(dòng) → 分段截圖→截圖內(nèi)容合并

查找滾動(dòng)視圖

其中檢查條件：

1. View visibility == View.VISIBLE
2. canScrollVertically(1) == true
3. View 在屏幕內(nèi)的寬度 >屏幕寬度/3
4. View 在屏幕內(nèi)的高度 >屏幕高度/2

觸發(fā)視圖滾動(dòng)

1. 每次滾動(dòng)前，使用 canScrollVertically(1) 判斷是否向下滾動(dòng)
2. 觸發(fā)滾動(dòng)邏輯
a. 特殊視圖: dispatchFakeTouchEvent(2);privatebooleancheckNeedFakeTouchForScroll() {
if((this.mMainScrollView instanceof AbsListView) ||
(this.mMainScrollView instanceof ScrollView) ||
isRecyclerView(this.mMainScrollView.getClass()) ||
isNestedScrollView(this.mMainScrollView.getClass())) {
returnfalse;
}
return!(this.mMainScrollView instanceof AbsoluteLayout) ||
(Build.VERSION.SDK_INT >19&&
!"com.ucmobile".equalsIgnoreCase(this.mMainScrollView.getContext().getPackageName()) &&
!"com.eg.android.AlipayGphone".equalsIgnoreCase(this.mMainScrollView.getContext().getPackageName()));
}
b. AbsListView: scrollListBy(distance);
c. 其他：view.scrollBy(0, distance);

3. 滾動(dòng)結(jié)束，對(duì)比 scrollY 和 mPrevScrolledY 是否相同，相同則認(rèn)為觸底，停止?jié)L動(dòng)流程

生成長(zhǎng)截圖

每次滾動(dòng)后廣播，觸發(fā) mMainScrollView 局部截圖，最后生成多個(gè) Bitmap，最后合成 File 文件。在適配 Flutter 頁(yè)面，這里并沒(méi)有差異，所以這里就不做源碼解讀（不同 Miui 版本實(shí)現(xiàn)也有所不同）。
閑魚適配方案

Flutter 長(zhǎng)截屏不適配原因

通過(guò)分析源碼可知，F(xiàn)lutter 容器（SurfaceView/TextureView） canScrollVertically 方法并未被重寫，為此無(wú)法被找到作為 mMainScrollView。假如我們重寫 Flutter 容器，我們需要真實(shí)實(shí)現(xiàn) getScrollY 才能保證觸發(fā)滾動(dòng)后 scrollY 和 mPrevScrolledY 不相等。不幸的是，getScrollY 是 final 類型，無(wú)法被繼承類重寫，為此我們無(wú)法在 Flutter 容器上做處理。
@InspectableProperty
publicfinalintgetScrollY() {
return mScrollY;
}

系統(tǒng)事件代理

轉(zhuǎn)變思路，我們并不需要讓 Flutter 容器被 Miui 系統(tǒng)識(shí)為可滾動(dòng)視圖，而是讓 Flutter 接收到 Miui 系統(tǒng)指令。為此，我們構(gòu)建一個(gè)不可見、不影響交互的滾動(dòng)視圖 ControlView 被 Miui 系統(tǒng)識(shí)別，并接收系統(tǒng)指令。ControlView 最后把指令傳遞給 Flutter，最終建立了 Miui 系統(tǒng)（ContentPort）和閑魚 Flutter（可滾動(dòng) RenderObject）之間的通信。
其中通信事件：

1. void scrollBy(View view, int x, int y)
2. boolean canScrollVertically(View view, int direction, boolean startScreenshot)
3. int getScrollY(View view)

關(guān)鍵實(shí)現(xiàn)源碼如下
publicstatic FrameLayout setupLongScreenshotSupport(FrameLayout parent,
View targetChild,
IMiuiLongScreenshotViewDelegate delegate) {
Contextcontext= targetChild.getContext();
MiuiLongScreenshotViewscreenshotView=newMiuiLongScreenshotView(context);
screenshotView.setDelegate(delegate);
screenshotView.addView(targetChild, newFrameLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
MiuiLongScreenshotControlViewcontrolView=newMiuiLongScreenshotControlView(context);
controlView.bindRealScrollView(screenshotView);
if(parent == null) {
parent = newFrameLayout(context);
}
parent.addView(screenshotView, newFrameLayout.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
parent.addView(controlView);
return parent;
}publicclassMiuiLongScreenshotControlViewextendsScrollView
implementsMiuiScreenshotBroadcast.IListener {
private IMiuiLongScreenshotView mRealView;
...
publicvoidbindRealScrollView(IMiuiLongScreenshotView v) {
mRealView = v;
removeAllViews();
Contextcontext= getContext();
LinearLayoutll=newLinearLayout(context);
addView(ll);
Viewbtn=newView(context);
LinearLayout.LayoutParamslp=newLinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
UIUtil.dp2px(context, 20000));
ll.addView(btn, lp);
resetScrollY(true);
}
publicvoidresetScrollY(boolean startScreenshot) {
if(mRealView != null) {
setScrollY(0);
if(getWindowVisibility() == VISIBLE) {
ThreadUtil.runOnUI(()
->mRealView.canScrollVertically(1, startScreenshot));
}
}
}
@Override
publicvoidonReceiveScreenshot() {
// 每次收到截屏廣播，將 ControlView 滾動(dòng)距離置 0
// 提前查找滾動(dòng) RenderObject 并緩存
// 提前計(jì)算 canScrollVertically
resetScrollY(true);
}
@Override
protectedvoidonAttachedToWindow() {
super.onAttachedToWindow();
mContext = getContext();
// 截屏廣播監(jiān)聽
MiuiScreenshotBroadcast.register(mContext, this);
}
@Override
protectedvoidonDetachedFromWindow() {
super.onDetachedFromWindow();
MiuiScreenshotBroadcast.unregister(mContext, this);
}
@Override
publicbooleancanScrollVertically(int direction) {
if(mRealView != null) {
return mRealView.canScrollVertically(direction, false);
}
returnsuper.canScrollVertically(direction);
}
@Override
publicvoidscrollBy(int x, int y) {
super.scrollBy(x, y);
if(mRealView != null) {
mRealView.scrollBy(x, y);
}
}
// 代理獲取 DrawingCache
@Override
publicvoidsetDrawingCacheEnabled(boolean enabled) {
super.setDrawingCacheEnabled(enabled);
if(mRealView != null) {
mRealView.setDrawingCacheEnabled(enabled);
}
}
@Override
publicbooleanisDrawingCacheEnabled() {
if(mRealView != null) {
return mRealView.isDrawingCacheEnabled();
}
returnsuper.isDrawingCacheEnabled();
}
@Override
public Bitmap getDrawingCache(boolean autoScale) {
Bitmapresult=(mRealView != null)
? mRealView.getDrawingCache(autoScale)
: super.getDrawingCache(autoScale);
return result;
}
@Override
publicvoiddestroyDrawingCache() {
super.destroyDrawingCache();
if(mRealView != null) {
mRealView.destroyDrawingCache();
}
}
@Override
publicvoidbuildDrawingCache(boolean autoScale) {
super.buildDrawingCache(autoScale);
if(mRealView != null) {
mRealView.buildDrawingCache(autoScale);
}
}
// 不消費(fèi)屏幕操作事件
@Override
publicbooleanonInterceptTouchEvent(MotionEvent ev) {
returnfalse;
}
@Override
publicbooleanonTouchEvent(MotionEvent ev) {
returnfalse;
}
}

無(wú)侵入識(shí)別滾動(dòng)區(qū)域

獲取 RenderObject 根節(jié)點(diǎn)

使用 mixin 擴(kuò)展 WidgetsFlutterBinding，進(jìn)而獲取 RenderView
關(guān)鍵實(shí)現(xiàn)源碼如下：
mixin NativeLongScreenshotFlutterBinding on WidgetsFlutterBinding {
@override
void initInstances() {
super.initInstances();
// 初始化
FlutterMiuiLongScreenshotPlugin.inst;
}
@override
void handleDrawFrame() {
super.handleDrawFrame();
try{
NativeLongScreenshot.singleInstance._renderView = renderView;
} catch(error, stack) {
}
}
}

計(jì)算前臺(tái)滾動(dòng) RenderObject

其中第 2 步條件檢查：

1. width >= RenderView.width/2
2. height >= RenderView.height/2
3. 類型是 RenderViewportBase
4. axis == Axis.vertical

實(shí)現(xiàn)源碼如下：
RenderViewportBase? findTopVerticalScrollRenderObject(RenderView? root) {
SizerootSize= size(root, Size.zero);
// if (root != null) {
// _debugGetRenderTree(root, 0);
// }
RenderViewportBase? result = _recursionFindTopVerticalScrollRenderObject(root, rootSize);
if(_hitTest(root, result)) {
return result;
}
returnnull;
}RenderViewportBase? _recursionFindTopVerticalScrollRenderObject(
RenderObject? renderObject, Size rootSize) {
if(renderObject == null) {
returnnull;
}
///get RenderObject Size
if(_tooSmall(rootSize, size(renderObject, rootSize))) {
returnnull;
}
if(renderObject is RenderViewportBase) {
if(renderObject.axis == Axis.vertical) {
return renderObject;
}
}
final ListQueuechildren = ListQueue();
if(renderObject.runtimeType.toString() == '_RenderTheatre') {
renderObject.visitChildrenForSemantics((RenderObject? child) {
if(child != null) {
children.addLast(child);
}
});
} else{
renderObject.visitChildren((RenderObject? child) {
if(child != null) {
children.addLast(child);
}
});
}
for(var child in children) {
RenderViewportBase? viewport =
_recursionFindTopVerticalScrollRenderObject(child, rootSize);
if(viewport != null) {
return viewport;
}
}
returnnull;
}
找到首個(gè)滿足條件的 RenderViewportBase 并不一定是我們需要的對(duì)象，如下圖所示：閑魚詳情頁(yè)通過(guò)上述方法能找到紅色框的 RenderViewportBase，在左圖情況下，能滿足滾動(dòng)截圖要求；但在右圖情況下，留言面板遮擋了長(zhǎng)列表，此時(shí)紅色框 RenderObject 并不是我們想要的。

此刻我們需要檢測(cè) Widget 可見性/可交互檢測(cè)能力。查看 Flutter 官方 visibility_detector組件并不滿足我們的要求，其通過(guò)在子 Widget 上放置一個(gè) Layer 來(lái)間接檢測(cè)可見狀態(tài)，但因?yàn)橥ㄟ^(guò)在屏幕內(nèi)的寬高判斷，無(wú)法檢測(cè) Widget 被遮擋的情況。
左圖長(zhǎng)列表沒(méi)有被遮擋，可以被操作；右圖被留言面板遮擋，事件無(wú)法傳遞到長(zhǎng)列表，無(wú)法被操作；為此，我們模擬用戶的點(diǎn)擊能否被觸達(dá)來(lái)檢測(cè) RenderViewportBase 是否被遮擋，能否用來(lái)做長(zhǎng)截屏滾動(dòng)。
特別注意的是，當(dāng) Widget 被 Listener 包裝，事件消費(fèi)會(huì)被 RenderPointerListener 攔截，如下圖所示。

查看 Flutter Framework 源碼，Scrollable Widget 包裝了 Listener，Semantics，IgnorePointer；閑魚 PowerScrollView 使用了 ShrinkWrappingViewPort。為此，遞歸找到的 RenderSliverList 和點(diǎn)擊測(cè)試找到的 RenderPointerListener 的距離為 5，如上圖所示。

點(diǎn)擊測(cè)試校驗(yàn)代碼如下
bool_hitTest(RenderView? root, RenderViewportBase? result) {
if(root == null|| result == null) {
returnfalse;
}
Size rootSize = size(root, Size.zero);
HitTestResult hitResult = HitTestResult();
root.hitTest(hitResult, position: Offset(rootSize.width/2, rootSize.height/2));
for(HitTestEntry entry in hitResult.path) {
if(entry.target == result) {
returntrue;
}
}
/**
* 處理如下 case
* RenderPointerListener 2749d135
RenderSemanticsAnnotations 1cd639bf
RenderIgnorePointer 7e33fff
RenderShrinkWrappingViewport 1167ca33
*/
RenderPointerListener? pointerListenerParent;
AbstractNode? parent = result.parent;
constint lookUpLimit = 5;
int lookupCount = 0;
while(parent != null&&
lookupCount < lookUpLimit &&
parent.runtimeType.toString() != '_RenderTheatre') {
lookupCount ++;
if(parent is RenderPointerListener) {
pointerListenerParent = parent;
}
parent = parent.parent;
}
if(pointerListenerParent != null) {
for(HitTestEntry entry in hitResult.path) {
if(entry.target == pointerListenerParent) {
returntrue;
}
}
}
returnfalse;
}

異步 Channel 通信方案

Flutter channel 通信方案如上圖所示，其中 EventChannel 和 MethodChannel 運(yùn)行在 Java 主線程，同 Dart Platform Isolate，而 Dart 層事件處理邏輯在 UI Isolate，為此并不在同一線程。可以發(fā)現(xiàn)，Java → Dart → Java 發(fā)生了 2 次線程切換。
使用小米 K50 測(cè)試性能，從 EventChannel 發(fā)送事件到 MethodChannel 接收返回值，記錄耗時(shí)?？梢?，首次 canScrollVertically （由截屏廣播觸發(fā)）需要遞歸查找滾動(dòng)組件，耗時(shí)為 10-30ms，之后耗時(shí)均在 5ms 以內(nèi)。
08-0816:15:56.0601107911079 E longscreenshot: canScrollVertically use_time=25
08-0816:15:56.2781107911079 E longscreenshot: canScrollVertically use_time=2
08-0816:16:05.3421107911079 E longscreenshot: canScrollVertically use_time=10
08-0816:16:05.5621107911079 E longscreenshot: canScrollVertically use_time=1

為保證在異步調(diào)用的情況下，MIUI ContentPort 下發(fā)命令均能獲取到最新值，這里做以下特殊處理
1. 截屏廣播提前計(jì)算 canScrollVerticallly 并緩存結(jié)果
2. MIUI ContentPort 調(diào)用 canScrollVerticallly 直接返回最新緩存值，異步觸發(fā)計(jì)算
3. MIUI ContentPort 調(diào)用 scrollBy 后，及時(shí)更新 canScrollVerticallly 和 getScrollY 緩存值

同步 FFI 通信方案

異步調(diào)用方案，在高端機(jī)且 App 任務(wù)隊(duì)列無(wú)阻塞情況下，能正確且準(zhǔn)確運(yùn)行，但在低端機(jī)和 App 任務(wù)較重時(shí)，可能存在返回 ContentPort 數(shù)據(jù)非最新的情況，為此我們考慮使用 FFI 同步通信的方案。

以上同步方案，一次同步調(diào)用性能分析，基本在 5ms 以內(nèi)：

關(guān)鍵實(shí)現(xiàn)代碼如下：
@Keep
publicclassNativeLongScreenshotJniimplementsSerializable{
static{
System.loadLibrary("flutter_longscreenshot");
}
publicstaticnativevoidnativeCanScrollVertically(int direction,
boolean startScreenshot,
int callbackId);
publicstaticnativevoidnativeGetScrollY(int screenWidth, int callbackId);
publicstaticnativevoidnativeScrollBy(int screenWidth, int x, int y);
publicstaticbooleancanScrollVertically(finalint direction,
finalboolean startScreenshot) {
FlutterLongScreenshotCallbacks.AwaitCallbackcallback=
FlutterLongScreenshotCallbacks.newCallback();
nativeCanScrollVertically(direction, startScreenshot, callback.id());
intresult= callback.waitCallback().getResult();
returnresult== 1;
}
publicstaticintgetScrollY(finalint screenWidth) {
FlutterLongScreenshotCallbacks.AwaitCallbackcallback=
FlutterLongScreenshotCallbacks.newCallback();
nativeGetScrollY(screenWidth, callback.id());
// waitCallback 同步等待 C++ 調(diào)用 FlutterLongScreenshotCallbacks.handleDartCall
intresult= callback.waitCallback().getResult();
return result;
}
publicstaticvoidscrollBy(int screenWidth, int x, int y) {
nativeScrollBy(screenWidth, x, y);
}
}
@Keep
publicclassFlutterLongScreenshotCallbacksimplementsSerializable{
publicstatic AwaitCallback newCallback() {
AwaitCallbackcallback=newAwaitCallback();
CALLBACKS.put(callback.id(), callback);
return callback;
}
// C++ DART_EXPORT void resultCallback(int callbackId, int result) 反射調(diào)用
publicstaticvoidhandleDartCall(int id, int result) {
AwaitCallbackcallback= CALLBACKS.get(id);
if(callback != null) {
CALLBACKS.remove(id);
callback.release(result);
}
}
privatestaticfinal SparseArrayCALLBACKS = newSparseArray<>();
@Keep
publicstaticclassAwaitCallback{
publicstaticfinalintRESULT_ERR=-1;
privatefinalCountDownLatchmLatch=newCountDownLatch(1);
privateintmResult= RESULT_ERR;
publicintid() {
return hashCode();
}
public AwaitCallback waitCallback() {
try{
mLatch.await(100, TimeUnit.MILLISECONDS);
} catch(Throwable e) {
e.printStackTrace();
}
returnthis;
}
publicvoidrelease(int result) {
mResult = result;
mLatch.countDown();
}
publicintgetResult() {
return mResult;
}
}
}
void setDartInt(Dart_CObject& dartObj, int value) {
dartObj.type = Dart_CObject_kInt32;
dartObj.value.as_int32 = value;
}
JNIEXPORT void JNICALL
nativeCanScrollVertically(
JNIEnv *env, jclass cls,
jint direction, jboolean startScreenshot, jint callbackId) {
Dart_CObject* dart_args[4];
Dart_CObject dart_arg0;
Dart_CObject dart_arg1;
Dart_CObject dart_arg2;
Dart_CObject dart_arg3;
setDartString(dart_arg0, strdup("canScrollVertically"));
setDartInt(dart_arg1, direction);
setDartBool(dart_arg2, startScreenshot);
setDartLong(dart_arg3, callbackId);
dart_args[0] = &dart_arg0;
dart_args[1] = &dart_arg1;
dart_args[2] = &dart_arg2;
dart_args[3] = &dart_arg3;
Dart_CObject dart_object;
dart_object.type = Dart_CObject_kArray;
dart_object.value.as_array.length = 4;
dart_object.value.as_array.values = dart_args;
Dart_PostCObject_DL(send_port_, &dart_object);
}
// getScrollY 和 scrollBy 實(shí)現(xiàn)類似DART_EXPORT void resultCallback(int callbackId, int result) {
JNIEnv *env = _getEnv();
if(env != nullptr) {
auto cls = _findClass(env, jCallbackClassName);
jmethodID handleDartCallMethod = nullptr;
if(cls != nullptr) {
// 調(diào)用 java 代碼 FlutterLongScreenshotCallbacks.handleDartCall(int id, int result)
handleDartCallMethod = env->GetStaticMethodID(cls,
"handleDartCall", "(II)V");
}
if(cls != nullptr && handleDartCallMethod != nullptr) {
env->CallStaticVoidMethod(cls, handleDartCallMethod,
callbackId, result);
} else{
print("resultCallback. find method handleDartCall is nullptr");
}
}
}classNativeLongScreenshotextendsObject{
...
late final NativeLongScreenshotLibrary _nativeLibrary;
late final ReceivePort _receivePort;
late final StreamSubscription _subscription;
NativeLongScreenshot() {
...
_nativeLibrary = initLibrary();
_receivePort = ReceivePort();
varnativeInited=_nativeLibrary.initializeApi(
ffi.NativeApi.initializeApiDLData
);
assert(nativeInited == 0, 'DART_API_DL_MAJOR_VERSION != 2');
_subscription = _receivePort.listen(_handleNativeMessage);
_nativeLibrary.registerSendPort(_receivePort.sendPort.nativePort);
}
void_handleNativeMessage(dynamic inArgs) {
Listargs = inArgs;
Stringmethod= args[0];
switch(method) {
case'canScrollVertically': {
intdirection= args[1];
boolstartScreenshot= args[2];
intcallbackId= args[3];
finalboolcanScroll= canScrollVertically(direction, startScreenshot);
intresult= canScroll ? 1: 0;
_nativeLibrary.resultCallback(callbackId, result);
} break;
case'getScrollY': {
intnativeScreenWidth= args[1];
intcallbackId= args[2];
intresult= getScrollY(nativeScreenWidth);
_nativeLibrary.resultCallback(callbackId, result);
} break;
case'scrollBy': {
intnativeScreenWidth= args[1];
intnativeX= args[2];
intnativeY= args[3];
scrollBy(nativeY, nativeScreenWidth);
} break;
}
}
}總結(jié)
完成國(guó)內(nèi)主要機(jī)型適配，現(xiàn)在線上幾乎不再有用戶反饋 Flutter 頁(yè)面不支持長(zhǎng)截屏。閑魚 Android 用戶已經(jīng)能用系統(tǒng)長(zhǎng)截屏能力，分享自己喜歡的商品、圈子內(nèi)容，賣家能使用一張圖片推廣自己的全部商品，買家能幫助家里不會(huì)用 App 的老人找商品。
面對(duì)系統(tǒng)功能適配，業(yè)務(wù) App 側(cè)也并不是完全束手無(wú)策。通過(guò)以下過(guò)程便有可能找到解決之道：

• 合理猜想（系統(tǒng)模塊會(huì)調(diào)用業(yè)務(wù)視圖接口）
• 工具輔助分析和驗(yàn)證（ASM 代碼 hook，日志輸出）
• 源碼查找和截圖（代碼查找和反編譯）
• 發(fā)散思考（ControlView 頂替 Flutter 容器，瞞天過(guò)海）
• 方案實(shí)現(xiàn)（業(yè)務(wù)無(wú)侵入，一次實(shí)現(xiàn)全部業(yè)務(wù)頁(yè)面適配）

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。

難題沒(méi)解決？加我微信給你講！【僅限淘寶賣家交流運(yùn)營(yíng)知識(shí)，非賣家不要加我哈】