React-Native - 尝试注入闪屏图像时出现 RangeError

Question

我正在尝试将启动画面图像注入到我的应用程序中，但我不断收到错误消息： RangeError：超出最大调用堆栈大小项目是 react-native-cli，这可能是问题吗？

import React, { Component } from 'react';
import { Image, View } from 'react-native';
import { inject } from 'mobx-react';

@inject("stores")
export default class SplashScreen extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {
        const { stores, navigation } = this.props;
        setTimeout (() => {
            navigation.navigate("Login")
        }, stores.config.SplashTime)
    }
    render() {
        const { stores } = this.props
        return ( 
            <View style={{flex: 1}}>
            <Image style={{flex: 1, width: null, height: null}} source={stores.config.SplashIMG}/>
            </View>
        )
    }
}

Answer 1

将 img 链接更改为 require 并将组件修改为 DidUpdate。

componentDidUpdate() {
     const { stores, navigation } = this.props;
     console.log(this.props)
     setTimeout (() => {
         navigation.navigate("Login")
     }, stores.config.SplashTime)
 }
 render() {
     const { stores } = this.props
     return ( 
         <View style={{flex: 1}}>
         <Image style={{flex: 1, width: null, height: null}} source={require('../../images/splash.jpg')}/>
         </View>)
 }
}```