使用原生自定义View,setState刷新界面后UI不能正常显示
来源:互联网 发布:qq举报软件 编辑:程序博客网 时间:2024/06/06 13:13
背景
项目整合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刷新不显示的问题了。
0 0
- 使用原生自定义View,setState刷新界面后UI不能正常显示
- 数据加载后刷新UI界面
- Android 自定义可拖拽View,界面渲染刷新后不会自动回到起始位置
- 从自定义view中传值到activity,用textview显示,自定义view就不能刷新了。大半天时间了,求解决办法
- IOS9后自定义大头针无法正常显示
- SharePoint 自定义列表页面定制续—[保存模板后不能正常使用]
- Android 打包后不能正常使用
- IE中子栏目使用float属性后背景不能正常显示原因及解决
- 解决用JavaScript隐藏再显示Flex后不能正常使用问题
- IRecycleView的上拉加载,下拉刷新不能正常显示
- Unity3D拖尾组件在Ui界面下正常显示
- 编译Blender后某些UI无法正常显示
- 网络请求后关于刷新界面UI的问题
- 网站发布后, ReportViewer 控件不能正常显示
- 2014.12.1 格式化后页面不能正常显示的bug
- 集成shiro后,登录页面样式不能正常显示问题
- 自定义的UIAlertView不能在iOS7上正常显示
- 自定义的UIAlertView不能在iOS7上正常显示
- Halcon之hello world焊球检测
- iptables原理与命令简析
- 分布式与集群的区别
- 14.3
- .NET 第六章 上机一 模拟汽车行驶
- 使用原生自定义View,setState刷新界面后UI不能正常显示
- Android 字符串分割split()
- IOS 用wifi做服务器的解决方案 CocoaHttpServer
- 杭电2025
- MongoDB 3.0 用户验证问题
- 优化myshool 第六章上机练习
- iOS开发技巧之:截取字符串中两个指定字符串中间的字符串
- 回调函数原理与使用案例
- 虚拟机使用ubuntu运行VS code出现界面黑屏时的解决办法