有没有一种方法可以预渲染React Native组件来加快加载速度？

Question

我有一个模态组件，需要3到5秒钟来加载。对于我在应用程序使用过程中想要的东西来说，这太慢了。 有什么方法可以在应用程序加载时预渲染该组件，以便在使用过程中它几乎可以瞬间弹出。 因此它是预渲染的，但在屏幕上尚不可见。...

我正在使用来自本机的Modal。...

如果没有，那么还有其他方法可以修复React Native中缓慢加载的组件吗？

我正在做大量的计算... 数据源是：

const longitudeSource = [
  R.range(-180, 181),
  R.range(0, 60),
  R.range(0, 60)
]

然后将上面的数据输入到下面的dataSources

{
                this.props.dataSources.map((source, index) => {

                  console.log('map of sources', source)
                  return <ScrollPicker
                          ref={(sp) => {this.sp = sp}}
                          dataSource={source}
                          selectedIndex={5}
                          itemHeight={50}
                          wrapperHeight={250}
                  wrapperColor={'#ffffff'}
                          highlightColor={'#d8d8d8'}
                          renderItem={(data, index, isSelected) => {
                              return(
                                  <View>
                                      <Text >{data}</Text>
                                  </View>
                              )
                          }}
                          onValueChange={(data, selectedIndex) => {
                              //
                          }}
                      />
                })
              }