如何提高NavigatorIOS的转换速度

How to increase NavigatorIOS transition speed?

本文关键字:转换 速度 NavigatorIOS 何提高      更新时间:2023-09-26

我想使用NavigatorIOS(我知道它没有得到很好的支持,但这是一个小项目,我想要一个看起来像iOS导航栏的东西)。然而,路线之间的过渡速度非常缓慢。从一个屏幕滑到另一个屏幕需要2秒钟以上,在此期间,我无法与任何一个屏幕进行交互。有什么办法可以增加过渡时间吗。如果有帮助的话,下面是我的整个index.ios.js:

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
'use strict';
var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  NavigatorIOS,
  TouchableOpacity,
} = React;
var Awesome = React.createClass({
  render: function() {
    return (
      <NavigatorIOS
        style={{flex: 1}}
        initialRoute={{
          component: AwesomeTest,
          title: 'Awesome',
        }} />
    );
  }
});
var AwesomeTest = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
      <TouchableOpacity onPress={this._next}>
      <Text>Hello</Text>
      </TouchableOpacity>
      </View>
    );
  },
  _next: function() {
    this.props.navigator.push({
      component: AwesomeNext,
      title: 'AwesomeTest',
    });
  }
});
var AwesomeNext = React.createClass({
  render: function() {
    return (
      <Text>It works</Text>
    );
  }
});
var styles = StyleSheet.create({
  container: {
    flex: 1,
    marginTop: 200,
  },
});
AppRegistry.registerComponent('Awesome', () => Awesome);

这也让我一度感到困惑。尝试Command+T关闭xcode的一个功能,该功能允许您为了精度和调试目的放慢动画的速度

Command+T工作正常(需要在模拟器上执行,而不是在Xcode上执行)