Question

我想使用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);

Answer 1

这也让我很困惑。尝试使用Command + T来关闭xcode的功能，该功能允许您为了精确度和调试目的而减慢动画速度

Answer 2

Command + T工作正常（需要在模拟器上执行，而不是在Xcode上执行）

如何提高NavigatorIOS的转换速度？

2 个答案: