weex有时显示不完整!

上贴三件套:
问题:
同一手机,同一页面,多次重复重新加载,偶尔会有加载不出来部分组件的问题?这个问题不知道其他人有没有,我是遇上了,这个问题不知道如何查找定位,很是奇怪,大佬些帮忙看看,谢谢!(注:这些组件除了c_navbar,其它都没有自定义底层代码!)

代码:

  1. weex.js

<template>

<div>
    <c-navbar class="nav">
        <div class="par">
            <text class="left-text" @click="finsh()">&#xe604;</text>
            <text class="center-text">首页</text>
            <text class="right-text">&#xe608;</text>
        </div>
    </c-navbar>
    <div>
        <text style=" font-size: 30px">hello navbar!</text>
    </div>
</div> </template> <script>
var domModule = weex.requireModule('dom');
var navigator = weex.requireModule('navigator');
domModule.addRule('fontFace', {
    'fontFamily': "default_font",
    'src': "url('http://192.168.5.140:8080/weex/ttf/iconfont.ttf')"
});
module.exports = {
    data: {},
    methods: {
        finsh(e) {
            navigator.pop({
                animated: false
            });
        }
    }
} </script> <style>
.nav {
    background-color: #11a5ff;
}

.par {
    flex-direction: row;
    height: 100px;
    align-items: center;
}

.left-text, .right-text {
    flex: 1;
    text-align: center;
    font-family: default_font;
    color: #ffffff;
    font-size: 40px;
}

.center-text {
    flex: 3;
    text-align: center;
    font-size: 40px;
    color: #ffffff;
} </style>

2、c-navbar

仅仅是一个viewgroup容器,未设置其他任何属性及修改任何有关component相关的东西

@Override

protected T initComponentHostView(@NonNull Context context) {
    RelativeLayout relativeLayout = new RelativeLayout(context);
    weex_container = (ViewGroup) getInstance().getContainerView().getParent();
    return (T) relativeLayout;
}

结果截图:

图片描述
https://segmentfault.com/img/...

阅读 4.2k
3 个回答

找到问题了,原来包裹_root根布局(就是weex的_root根布局)的外层本地viewGroup(就是套在root外面的一层容器,自己写的那个,如果自己没有这层,则应该没有这个问题),宽高必须为match_parent,不能包裹布局,否则,就会出现同一页面偶尔加载显示不全的问题!!!!同时说一句,weex社区太冷清了,官方也不咋理,坑真的很多啊,同志们,小心了!

给text设置一个高度试一下,另外你的Component和显示weex页面的view是什么关系

这样的, text组件不能有空格, 如果要带空格需要绑定data.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进