我们正在尝试实现一个Native UI组件,它包装一个
Android组件,用于获取数据并使用我们现有的渲染框架(使用AdapterView)显示它.我们事先不知道数据是什么,因此该组件的高度和内容完全是任意的.除了渲染组件异步请求其他内容(例如图像)的情况外,这种方法大多正常.在这种情况下,检索图像,“显示”ImageView,但UI最终没有显示任何内容(字面上似乎是适当大小的透明视图).
我们知道这些视图在普通的Android中运行得很好,但是我们似乎缺少一些东西告诉RN / Yoga它应该在从服务器加载图像时重新渲染它们以便正确显示它们.
这或多或少是这样的:
public class ReactServerListComponent extends SimpleViewManager<LinearLayoutExtension> {
private static final String REACT_CLASS = "TAReactServerListComponent";
@Override
public String getName() {
return REACT_CLASS;
}
...
@ReactProp(name = "link")
public void setLink(final LinearLayoutExtension view, String theNewLink){
//async loader logic invokes this on success
view.loadRetrievedEntries(newEntries);
}
...
}
在这种情况下,LinearLayoutExtension包含适配器生成的所有视图,而后者又包含异步加载的图像视图.
我们尝试了一些方法,比如返回带有度量函数的ShadowNode,或者保留ShadowNode的引用并在其上调用dirty()等.
这样做的正确方法是什么?不幸的是,我们还没有找到处理“检查回购”之外的非常复杂组件的文档或示例……
最佳答案 您可以在组上尝试view.invalidate().
您还可以删除占位符图像视图并添加具有正确图像的较新视图.
但是如果它只是刷新图像视图,你也可以使用像凌空,毕加索,格莱德等……来处理图像视图本身.