使用原生自定义View,setState刷新界面后UI不能正常显示
2017-02-24 16:27
591 查看
背景
项目整合react native时,将原生的一个九宫格图片显示,封装成了RN控件,并提供了一个source属性@ReactProp(name = "source")
问题
在js端使用该控件时,通过state初始化时给source赋值,然后,当添加图片是,通过setState刷新数据来刷新界面显示,理想状态下是,界面应该显示新增的图片,但是,当setState之后,控件上的图片就不显示了!!尝试着给该控件设置背景颜色,发现控件所占的空间位置还是有的。解决方案
当遇到问题,首先想到的一定是到官网github上搜索资料,你遇到的问题可能别人也会遇到。https://github.com/facebook/react-native/issues/4990
然后查看了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刷新不显示的问题了。
相关文章推荐
- IOS 7 自定义的UIAlertView不能在iOS7上正常显示
- 自定义的UIAlertView不能在iOS7上正常显示
- 自定义的UIAlertView不能在iOS7上正常显示
- 自定义导航栏的时候使用UIImagePickerViewControlle Item无法正常显示
- 从自定义view中传值到activity,用textview显示,自定义view就不能刷新了。大半天时间了,求解决办法
- 使用MobaXterm远程连接Ubuntu,启动Octave,界面不能正常显示
- IOS 7 自定义的UIAlertView不能在iOS7上正常显示
- 如何使用 BindingSource 绑定 ListBox,同时解决绑定 List<T> 后修改数据源不能同时刷新界面显示的问题
- 自定义的UIAlertView不能在iOS7上正常显示
- 自定义的UIAlertView不能在iOS7上正常显示
- android 7.0 使用 webview 访问 https 协议的网址,界面显示空白,其他android版本正常。
- android使用WindowManager显示自定义View
- recycleview和scrollive的配合使用,在6.0以下正常使用。在6.0上高度显示不全的问题
- 自定义了一个titleVIew放在navigationBar上面 位置显示不正常
- UI: 使用UIProgressView显示进度条
- iOS开发 自定义tableView样式(使用代码/使用Interface Builder)、分组显示、给TableView增加索引、给TableView增加SearchBariOS开发 自定义tab
- Linux(LAMPP)下使用MySQL时不能正常显示中文的解决办法
- Android 6.0 解决recyclerview 在 scrollview 中不能全部显示,高度不正常的问题
- UI: 使用 UIActivityViewController 显示分享选项
- 可能是最in的React Native使用原生自定义下拉刷新组件