上贴三件套:
问题:
同一手机,同一页面,多次重复重新加载,偶尔会有加载不出来部分组件的问题?这个问题不知道其他人有没有,我是遇上了,这个问题不知道如何查找定位,很是奇怪,大佬些帮忙看看,谢谢!(注:这些组件除了c_navbar,其它都没有自定义底层代码!)
代码:
- weex.js
<template>
<div> <c-navbar class="nav"> <div class="par"> <text class="left-text" @click="finsh()"></text> <text class="center-text">首页</text> <text class="right-text"></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; }
结果截图:
找到问题了,原来包裹_root根布局(就是weex的_root根布局)的外层本地viewGroup(就是套在root外面的一层容器,自己写的那个,如果自己没有这层,则应该没有这个问题),宽高必须为match_parent,不能包裹布局,否则,就会出现同一页面偶尔加载显示不全的问题!!!!同时说一句,weex社区太冷清了,官方也不咋理,坑真的很多啊,同志们,小心了!