我如何在react-native应用程序（Xcode）中编辑/更新启动屏幕文本

Question

我需要在启动/启动屏幕中更新我的应用程序名称。

如何更新我的启动屏幕名称？

任何人都可以提供如何更新启动屏幕文本的步骤吗？

Answer 1

我已经在Xcode中更改了LaunchScreen.xib

 <string key="text">Renamed </string>

Answer 2

您应该：

1）将index.js文件中的类从App.js更改为所需的任何类

import {AppRegistry} from 'react-native';
import routes from './src/Routes';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => routes);

2）创建路由文件

import React from 'react'
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import Splash from './Splash'
import Calc from './Calc'

const AppContainer = createAppContainer(
    createSwitchNavigator(
        {
            Splash: Splash,
            Calc: Calc,
        },
        {
            initialRouteName: 'Splash',
        },
    ),
)

export default class App extends React.Component {
    render() {
        return <AppContainer />;
    }
}

3）创建所需的启动画面

import React, { Component } from 'react';
import {
    Text,
    Image,
    View
} from 'react-native';
import Style from './Style'

class Splash extends Component {

    componentDidMount() {
        setTimeout(() => {
            this.props.navigation.navigate('Calc')
        }, 1500)
    }

    render() {
        return (
            <View style={Style.splashContainer}>
                <Image
                    source={{ uri: 'https://cdn2.iconfinder.com/data/icons/ios7-inspired-mac-icon-set/1024/Calculator_5122x.png' }}
                    style={Style.splashImage}
                />
                <Text style={Style.splashText}>Calculator</Text>
            </View>
        )
    }
}

export default Splash

在最后一个文件中，您可以根据需要设计启动画面

这就是您可以在react native中创建自定义启动器屏幕和启动屏幕的方法>>

谢谢