使启动屏幕持续更长时间的iOS-React-Native

时间:2015-11-24 15:08:21

标签: ios react-native

我目前正在开发iOS的本机应用程序(我是一名Web开发人员)。 我的应用程序需要时间来加载一些人员并在启动时打开键盘。 我想让应用程序的启动画面更长一点(额外的1秒)。 我怎样才能在xCode / react-native中实现这一点。 非常感谢你。

2 个答案:

答案 0 :(得分:5)

实际的iOS初始屏幕不具备任何功能,只要应用程序启动它就会显示。

但是,您可以通过使应用的初始屏幕看起来像启动画面来实现您想要的效果。

您应该等到数据加载后,而不是等待一秒钟。这是一个例子。

var MyApp = React.createClass({
  getInitialState: function() {
    return {loaded: false, data: null};
  },

  componentWillMount: function() {
      fetch('http://example.com/data.json')
      .then(res => {
        self.setState({
          data: res,
          loaded: true,
      });
  },

  render: function() {
    if(this.state.loaded) {
      return <MainApp />;
    } else { 
      return <LoadingScreen />;
    }
  }
});

答案 1 :(得分:0)

简单的方法是使用与启动画面相同的背景图像创建视图控制器。 完成加载数据后,请转到下一个视图控制器。

好的做法是设置一些动画/指示器,你正在加载一些数据,等待是有意的......你不希望用户认为应用程序被卡住并关闭它。