eeui 开发问题集合贴

neter

kang 有联系方式吗？求解决问题， app已经上线，但是总出现卡死状态。用户体验很差！

eeui

neter 卡死有很多原因，具体问题要具体分析，有时候是网络、也可能是图片、或者是某个逻辑死循环

kang

neter 有接友盟统计吗，看看是不是内存泄露。

kang

问题内容：
如何处理富文本，文章详情之类的，像vue的 v-html那种

解决方案：
可参考： https://bbs.eeui.app/d/64-web

kingsily

问题内容：app重复安装之后回出现-1001错误
android5.1安装了包，5次第二次提醒了-1001。其他时候都正常。pda装了三次都是-1001

leif

kingsily 我是打包aab-1001 报错信息:degradeToH5|createInstance fail|wx_create_instance_error isJSFrameworkInit==false reInitCount == 1

解决了吗

wangxiongtao

问题内容：在一个含有tabbar的沉浸式页面中，调用eeui.setStatusBarStyle方法动态改变状态栏文字颜色时，界面会凭空多出一块空白，Android端出现这个问题，IOS没问题
解决办法：在外层再嵌套一层tabbar这样：
<tabbar tabHeight="0">
<tabbar-page>
...你的tabbar布局...
</tabbar-page>
</tabbar>

kang

问题内容：
打包的出来的安装包(apk)太大怎么办？

解决方案：
如图所示，打开这个文件，删除掉划红线部分，再重新打包即可，包会变小一大半。
但是需要注意的是根据自己的需求而定要不要删，这几个的用处可以看这篇文章： https://blog.csdn.net/whbk101/article/details/101775032

wangxiongtao

问题内容：再tabbar中对tabbar-page子组件添加生命周期lifecycle事件，然后按home键返回桌面再打开App会发现生命周期事件执行了两遍 resume，按返回建关闭页面也执行了两边destroy，猜测是把父组件的生命周期也回调出来了

eeui

leif 这是weex的解决是创建instnacejs错误，具体解决方法还得看代码

jeffert

都可以用于eeui，使用方法见各个库的文档
【weex 官方组件库】https://github.com/alibaba/weex-ui
【amui 组件丰富】https://hminghe.github.io/weex-amui/#/?id=weex-amui
【bui 还不错】http://dev.bingocc.com/buiweex/docs/

请问这3个组件eeui已经集成了吗？官网给的集成都是针对weex的。

eeui

jeffert eeui支持这3个ui（eeui支持所有适合weex用的ui）

jeffert

问题内容 : 使用amap插件只能描出点，不能画线，请问有画线的demo吗？
<eeui-amap style="width:750px;height:800px"
:sdkKey="{ios:'5f30eead659fa7cd97a92865e560a18a','android':'8ebf08820d3335596e4b8fd953bd4c77'}"
:center="path[0]"
:zoom="10">
<eeui-amap-marker hideCallout="true" open="true" :position="path[0]" title="发"></eeui-amap-marker>
<eeui-amap-marker hideCallout="true" open="true" :position="path[1]" title="到"></eeui-amap-marker>
<eeui-amap-polyline :path="path" strokeStyle="dashed" strokeColor="#eeeeee" strokeWidth="10" ></eeui-amap-polyline>
</eeui-amap>

data: () => ({
point: {
position: [116.397721,39.904058],
title: 'This is a marker'
},
path:[[116.135972,39.999391],[116.057694,39.898323]],

}),

crobotvip

ImageAdapter这一块有线程问题和内存问题，当在banner中使用image组件且使用了placeHolder，banner在滚动过程中，线程不断创建，且不销毁。image默认是自动内存回收的，但是图片并没有回收，还在不断创建。犹豫内存泄漏，内存不断增长，最终耗尽内存。应用崩溃，相信很多小伙伴都遇到过。长时间不使用app再次打开的时候直接闪退
if (!TextUtils.isEmpty(strategy.placeHolder)) {
String placeHolder = eeuiBase.config.verifyFile(eeuiPage.rewriteUrl(view, handCachePageUrl(view.getContext(), strategy.placeHolder)));
Picasso.Builder builder = new Picasso.Builder(WXEnvironment.getApplication());
Picasso picasso = builder.build();
picasso.load(Uri.parse(placeHolder)).into(view);
view.setTag(strategy.placeHolder.hashCode(), picasso);
}

crobotvip

问题：
ImageAdapter这一块有线程问题和内存问题，当在banner中使用image组件且使用了placeHolder，banner在滚动过程中，线程不断创建，且不销毁。image默认是自动内存回收的，但是图片并没有回收，还在不断创建。犹豫内存泄漏，内存不断增长，最终耗尽内存。应用崩溃，相信很多小伙伴都遇到过。长时间不使用app再次打开的时候直接闪退
if (!TextUtils.isEmpty(strategy.placeHolder)) {
String placeHolder = eeuiBase.config.verifyFile(eeuiPage.rewriteUrl(view, handCachePageUrl(view.getContext(), strategy.placeHolder)));
Picasso.Builder builder = new Picasso.Builder(WXEnvironment.getApplication());
Picasso picasso = builder.build();
picasso.load(Uri.parse(placeHolder)).into(view);
view.setTag(strategy.placeHolder.hashCode(), picasso);
}

解决：
有一种解决办法是，banner中的image不要设置自动回收。有知道原理的小伙伴能解释一下为啥吗？
@eeui

crobotvip

crobotvip 这个问题的原因已经定位到了
结果如下：
1.// if (!TextUtils.isEmpty(strategy.placeHolder)) {
// String placeHolder = eeuiBase.config.verifyFile(eeuiPage.rewriteUrl(view, handCachePageUrl(view.getContext(), strategy.placeHolder)));
// Picasso.Builder builder = new Picasso.Builder(WXEnvironment.getApplication());
// picasso = builder.build();
// picasso.load(Uri.parse(placeHolder)).into(view);
// view.setTag(strategy.placeHolder.hashCode(), picasso);
// }
//
通过这个创建出来的picasso对象跟下面的picasso不是同一个对象。每次调用都会出发picasso对象的创建。这个过程很消耗性能，项目中的dispacher会很多。如果image有没有设置不可见缓存，默认时不缓存。则会导致picasso对象会被频繁创建，不是单例。而且每次都使用一次就再也不使用了。
作者设计这个东西，我的理解是placeholder的原因，因为path存在远端和本地两种状态。在开发环境，图片的path是在本地服务上的。不管是picasso还是glide都不支持placeHolder远端这种情况。所以作者就想了这个办法。尝试过修改成单例模式，但会出现placeHolder第一次加载有效，而后续的加载无效的情况。这个我也没想出来原因
先说一下我的处理方法吧：
去掉上面对placeHolder的处理。对于placeHolder只处理本地的图片。不再处理远端默认图和错误图
这个设计其实也米有考虑错误图的情况。不过不管了
先分享一下我的解决办法
`package app.eeui.framework.extend.adapter;

import android.content.Context;
import android.content.res.AssetManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.os.Handler;
import android.os.Looper;
import androidx.annotation.Nullable;
import android.text.TextUtils;
import android.util.Log;
import android.widget.ImageView;

import com.squareup.picasso.Callback;
import com.squareup.picasso.Picasso;
import com.taobao.weex.WXEnvironment;
import com.taobao.weex.WXSDKInstance;
import com.taobao.weex.WXSDKManager;
import com.taobao.weex.adapter.IWXImgLoaderAdapter;
import com.taobao.weex.common.WXImageStrategy;
import com.taobao.weex.dom.WXImageQuality;

import org.apache.commons.lang3.math.NumberUtils;

import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.LinkedHashMap;

import app.eeui.framework.extend.integration.glide.Glide;
import app.eeui.framework.extend.integration.glide.RequestBuilder;
import app.eeui.framework.extend.integration.glide.load.DataSource;
import app.eeui.framework.extend.integration.glide.load.engine.DiskCacheStrategy;
import app.eeui.framework.extend.integration.glide.load.engine.GlideException;
import app.eeui.framework.extend.integration.glide.request.RequestListener;
import app.eeui.framework.extend.integration.glide.request.RequestOptions;
import app.eeui.framework.extend.integration.glide.request.target.Target;
import app.eeui.framework.extend.module.eeuiBase;
import app.eeui.framework.extend.module.eeuiPage;

public class ImageAdapter implements IWXImgLoaderAdapter {

public static String imageEngine = "";

private static final String TAG = "ImageAdapter";

private Handler mHandler = new Handler();
private Picasso picasso;
private AssetManager assetManager;

public ImageAdapter() {
}

@Override
public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {
Runnable runnable = () -> {
if (view == null || view.getLayoutParams() == null) {
return;
}
if (TextUtils.isEmpty(url)) {
view.setImageBitmap(null);
return;
}
loadImage(0, url, view, strategy);
};
if (Thread.currentThread() == Looper.getMainLooper().getThread()) {
runnable.run();
} else {
WXSDKManager.getInstance().postOnUiThread(runnable, 0);
}
}

// private HashMap<Integer,Drawable> cacheDefalutPicture=new HashMap<>();
private LinkedHashMap<Integer,Drawable> cacheDefalutPicture=new LinkedHashMap<Integer,Drawable>(10,0.75f,true){
@Override
protected boolean removeEldestEntry(Entry eldest) {
return this.size()>=10;
}
};
/**

加载图片程序
*
@param loadNum
@param url
@param view
@param strategy
*/
private void loadImage(int loadNum, String url, ImageView view, WXImageStrategy strategy) {
if (view.getLayoutParams().width <= 0 || view.getLayoutParams().height <= 0) {
if (loadNum < 5) {
mHandler.postDelayed(() -> view.post(() -> loadImage(loadNum + 1, url, view, strategy)), 200);
}
return;
}
//
if (view.getContext() == null) {
return;
}
String tempUrl = eeuiBase.config.verifyFile(eeuiPage.rewriteUrl(view, handCachePageUrl(view.getContext(), url)));
Log.d(TAG, "loadImage: " + tempUrl);
Log.d(TAG, "placeHolder: " + strategy.placeHolder);
//
// if (!TextUtils.isEmpty(strategy.placeHolder)) {
// String placeHolder = eeuiBase.config.verifyFile(eeuiPage.rewriteUrl(view, handCachePageUrl(view.getContext(), strategy.placeHolder)));
// Picasso.Builder builder = new Picasso.Builder(WXEnvironment.getApplication());
// picasso = builder.build();
// picasso.load(Uri.parse(placeHolder)).into(view);
// view.setTag(strategy.placeHolder.hashCode(), picasso);
// }
//
try {
if (imageEngine.equals("picasso") && !tempUrl.startsWith("data:image/")) {
if (tempUrl.startsWith("file://assets/")) {
tempUrl = "file:///android_asset/" + tempUrl.substring(14);
}
if(assetManager==null)
assetManager = view.getContext().getAssets();
Drawable drawable=new ColorDrawable(Color.GRAY);
String tempPlaceHolder=strategy.placeHolder;
if(!TextUtils.isEmpty(tempPlaceHolder)){
if(cacheDefalutPicture.get(tempPlaceHolder.hashCode())==null){
String placeHolder=strategy.placeHolder.replace("root://","eeui/");
try{
InputStream inputStream= assetManager.open(placeHolder);
drawable = Drawable.createFromStream(inputStream,null);
inputStream.close();
cacheDefalutPicture.put(tempPlaceHolder.hashCode(),drawable);
}catch (Exception e){
e.printStackTrace();
}
```
  }else{
    drawable=cacheDefalutPicture.get(tempPlaceHolder.hashCode());
  }
}





    Picasso.with(view.getContext()).load(tempUrl).placeholder(drawable).into(view, new Callback() {
      @Override
      public void onSuccess() {
        if (strategy.getImageListener() != null) {
          strategy.getImageListener().onImageFinish(url, view, true, null);
        }
        recordImgLoadResult(strategy.instanceId, true, null);
```
// if (!TextUtils.isEmpty(strategy.placeHolder)) {
// ((Picasso) view.getTag(strategy.placeHolder.hashCode())).cancelRequest(view);
// picasso=null;
// }
}
```
      @Override
      public void onError() {
        if (strategy.getImageListener() != null) {
          strategy.getImageListener().onImageFinish(url, view, false, null);
        }
        recordImgLoadResult(strategy.instanceId, false, null);
      }
    });
  } else {
    RequestBuilder<Drawable> myLoad;
    if (tempUrl.startsWith("file://assets/")) {
      Bitmap myBitmap = getImageFromAssetsFile(view.getContext(), tempUrl.substring(14));
      myLoad = Glide.with(view.getContext()).load(myBitmap);
    } else {
      myLoad = Glide.with(view.getContext()).load(tempUrl);
    }
    //
    RequestOptions myOptions = new RequestOptions().diskCacheStrategy(DiskCacheStrategy.ALL);
    myLoad.apply(myOptions).listener(new RequestListener<Drawable>() {
      @Override
      public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
        if (strategy.getImageListener() != null) {
          strategy.getImageListener().onImageFinish(url, view, false, null);
        }
        recordImgLoadResult(strategy.instanceId, false, null);
        return false;
      }

      @Override
      public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
        if (strategy.getImageListener() != null) {
          strategy.getImageListener().onImageFinish(url, view, true, null);
        }
        recordImgLoadResult(strategy.instanceId, true, null);

        if (!TextUtils.isEmpty(strategy.placeHolder)) {
          ((Picasso) view.getTag(strategy.placeHolder.hashCode())).cancelRequest(view);
        }
        return false;
      }
    }).into(view);
  }
} catch (IllegalArgumentException ignored) {

} catch (Exception ignored) {

}
```
}

private void recordImgLoadResult(String instanceId, boolean succeed, String errorCode) {
WXSDKInstance instance = WXSDKManager.getInstance().getAllInstanceMap().get(instanceId);
if (null == instance || instance.isDestroy()) {
return;
}
instance.getApmForInstance().actionLoadImgResult(succeed, errorCode);
}

private Bitmap getImageFromAssetsFile(Context context, String fileName)
{
Bitmap image = null;
AssetManager am = context.getResources().getAssets();
try {
InputStream is = am.open(fileName);
image = BitmapFactory.decodeStream(is);
is.close();
} catch (IOException e) {
e.printStackTrace();
}
return image;
}

private String handCachePageUrl(Context context, String url) {
if (TextUtils.isEmpty(url)) {
return url;
}
File pageCache = context.getExternalFilesDir("page_cache");
if (pageCache == null) {
return url;
}
File updateFile = context.getExternalFilesDir("update");
if (updateFile == null) {
return url;
}
String cacheUrl = "file://" + pageCache.getPath() + updateFile.getPath() + "/";
if (url.startsWith(cacheUrl)) {
String tmpUrl = url.substring(cacheUrl.length());
if (tmpUrl.contains("/") && NumberUtils.isCreatable(tmpUrl.substring(0, tmpUrl.indexOf("/")))) {
url = "root:/" + tmpUrl.substring(tmpUrl.indexOf("/"));
}
}
return url;
}
}
`
这个办法只支持picasso。glide的自行参考修改。
解决了长时间不使用app，应用crash的情况

sunyue7009

kang 设计之初为何使用onJsPrompt，接收h5参数最大10kb，有什么解决办法

ddw

请问这个是什么问题

silence

ddw 请问问题解决了吗我也遇到这个问题 android studio无法编译成功 ios可以编译