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链接更改为要求并修改了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>)
 }
}```

React-Native-尝试注入初始屏幕图像时出现RangeError

1 个答案: