项目整合 react native 时,将原生的一个九宫格图片显示,封装成了 RN 控件,并提供了一个 source 属性
- @ReactProp(name = "source")
在 js 端使用该控件时,通过 state 初始化时给 source 赋值,然后,当添加图片是,通过 setState 刷新数据来刷新界面显示,理想状态下是,界面应该显示新增的图片,但是,当 setState 之后,控件上的图片就不显示了!!尝试着给该控件设置背景颜色,发现控件所占的空间位置还是有的。
当遇到问题,首先想到的一定是到官网 github 上搜索资料,你遇到的问题可能别人也会遇到。
然后查看了 ReactToolbar.java 源码,你发现这么段代码:
- private final Runnable mLayoutRunnable = new Runnable() {
- @Override
- public void run() {
- measure(
- MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
- MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
- layout(getLeft(), getTop(), getRight(), getBottom());
- }
- };
- @Override
- public void requestLayout() {
- super.requestLayout();
- // The toolbar relies on a measure + layout pass happening after it calls requestLayout().
- // Without this, certain calls (e.g. setLogo) only take effect after a second invalidation.
- post(mLayoutRunnable);
- }
代码注释说了,如果 requestLayout 之后没有调用 post(mLayoutRunnable),那么 setLogo 等方法第二次调用的话是无效的,比如:通过 setState 修改 logo。
通过以上的方法,我也在自定义 View 的 requestLayout 调用了 post(mLayoutRunnable),就解决了 setState 刷新不显示的问题了。
来源: http://blog.csdn.net/it_talk/article/details/56844151