weex有时显示不完整！

Question

上贴三件套：
问题：
同一手机，同一页面，多次重复重新加载，偶尔会有加载不出来部分组件的问题？这个问题不知道其他人有没有，我是遇上了，这个问题不知道如何查找定位，很是奇怪，大佬些帮忙看看，谢谢！（注：这些组件除了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/...

Answer 1

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

Answer 2

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

Answer 3

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