React Native - Android 视图在启动时重叠

Question

在我的 App.js 中，我目前在渲染函数中有这段代码，它有条件地渲染两个堆栈导航器（React Navigation）。

代码在 iOS 中可以正常工作和渲染。

它也适用于 Android，但由于某种原因，在这两种情况下，它都会显示两个视图在几分之一秒内相互重叠。

有人知道我怎样才能避免这种重叠的观点吗？

constructor(props) {
    super(props);
    this.state = {
        isLoadingComplete: false,
        firstLaunch: null,
    };
}

render() {
    if (!this.state.isLoadingComplete) {
        return (
            <AppLoading
                startAsync={this._loadResourcesAsync}
                onError={this._handleLoadingError}
                onFinish={this._handleFinishLoading}
            />
        );
    } else {
        return !this.state.firstLaunch ? <OnboardingStack /> : <MainStack />;
    }
}

Answer 1

如果您按照以下方式进行渲染，则有条件地可以正常工作。

    render() {
        if (!this.state.isLoadingComplete) {
           return (
               <AppLoading
                  startAsync={this._loadResourcesAsync}
                  onError={this._handleLoadingError}
                  onFinish={this._handleFinishLoading}
               />
    );
}
return !this.state.firstLaunch ? <OnboardingStack /> : <MainStack />;
return (
 <View>
  <ActivityIndicator />
 </View>
)