Есть ли способ предварительной визуализации React Native Component для ускорения загрузки?

Question

У меня есть модальный компонент, загрузка которого занимает от 3 до 5 секунд. Это просто слишком медленно для того, что я хочу, в то время как в середине использования приложения. Есть ли способ предварительно отрендерить этот компонент, когда приложение загружается, поэтому в процессе использования оно просто всплывает почти мгновенно? Таким образом, он предварительно визуализируется, но еще не виден на экране ....

Я использую Modal из Reaction-native ....

Если нет, то есть ли другие способы исправить медленную загрузку компонента в 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) => {
                              //
                          }}
                      />
                })
              }