使用预定义的优先级有效地渲染多个React Native组件

时间:2017-11-29 11:40:51

标签: reactjs react-native

我们说我有N个相同类型的组件(为简单起见假设N = 5)。让我们说它们中的每一个都具有数组[3, 1, 2, 4, 5]给出的优先级(更高的数字=更高的优先级)。用指定的顺序渲染它们的优雅高效方法是什么?首先想要渲染最后一个元素(priority = 5),然后是priority = 4,最后是第二个元素(priority = 1)。

我不想重新渲染已经渲染的组件。例如,一旦呈现priority = 5的组件,就不应该重新渲染它,因此我不应该改变它的状态。

我真正的问题比这更大,我实际上有滑动视图。我想首先渲染当前视图,然后再渲染其邻居。我感兴趣的是更一般的建议如何优先渲染不同的组件。

所以,我正在寻找的实际原型是:

 1. at the beginning the screen is empty
 2. 5th element appears (priority = 5)
 3. 4th element appears (priority = 4)
 4. 1st element appears (priority = 3)
 5. 3rd element appears (priority = 2)
 6. 2nd element appears (priority = 1)

在每个步骤中,只应渲染新视图。这可能吗?

0 个答案:

没有答案