如何使用react- native -router-flux在react native中加载应用程序后隐藏启动画面

npm install react-native-router-flux --save

import React, { Component } from 'react';
import { View, Text, Image, StyleSheet } from 'react-native';
import { Actions, Router, Scene } from 'react-native-router-flux';

class SplashScreen extends Component {
  componentDidMount() {
    setTimeout(() => {
      Actions.replace('main'); // 跳转到主页面
    }, 2000); // 设置延迟时间，单位为毫秒
  }

  render() {
    return (
      <View style={styles.container}>
        <Image source={require('./splash.png')} style={styles.logo} />
        <Text style={styles.title}>My App</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF',
  },
  logo: {
    width: 150,
    height: 150,
    resizeMode: 'contain',
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
    marginTop: 16,
  },
});

class MainScreen extends Component {
  render() {
    return (
      <Router>
        <Scene key="root">
          <Scene key="home" component={HomeScreen} title="Home" initial />
          <Scene key="profile" component={ProfileScreen} title="Profile" />
        </Scene>
      </Router>
    );
  }
}

class HomeScreen extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>Home Screen</Text>
      </View>
    );
  }
}

class ProfileScreen extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>Profile Screen</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF',
  },
  title: {
    fontSize: 24,
    fontWeight: 'bold',
  },
});

export default class App extends Component {
  render() {
    return (
      <Router>
        <Scene key="root">
          <Scene key="splash" component={SplashScreen} hideNavBar />
          <Scene key="main" component={MainScreen} hideNavBar />
        </Scene>
      </Router>
    );
  }
}