如何提高模态性能？

Question

我正在使用Modal进行弹出。它可以正常工作，但是我使用2种方法来计算模态中的东西。因此，白屏出现，然后模型立即出现。

<Modal isVisible={this.state.ModelVisable} animationInTiming={600} backdropColor='white' backdropOpacity={0.9} backdropTransitionInTiming={500} onBackdropPress={() => this.setState({ ModelVisable: false })} >
                  <Page1 Material={this.state.Objects} />


                </Modal>

在第1页中：

    export default class Page1 extends Component {

    componenwillmounth () {

      Promise.all([this.takeBoosterImage(tuneObjects.Role), this.takeImageAccordingToRegion(tuneObjects.Region)])
                .then(([Booster, RegionImg]) => {
                     this.setState({EpicImage: RegionImg.Epic, RareImage: RegionImg.Rare, CommonImage: RegionImg.Common,
 BoosterImage: Booster.booster, FineBoosterImage: Booster.FineBooster });

                });

    }

    }

我使用这两种方法，它们中的东西太多了，因此在这里我不分享。我应该怎么做才能提高性能。模型正常缓慢地出现。但是，当进行上述计算时，它会立即出现，因此看起来并不好。