javascript - 如何提高NavigatorIOS转换速度?

标签 javascript ios react-native

我想使用 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 的一项功能,该功能允许您放慢动画速度以实现精确性和调试目的

关于javascript - 如何提高NavigatorIOS转换速度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33515545/

相关文章:

javascript - 为什么 Javascript 的 regex.exec() 不总是返回相同的值?

javascript - 如何限制从 API 接收的数据?

javascript - Bootstrap 4 Button Group wrapping fix border-radius

ios - 使用 FBSDKShareLink 在 Facebook 上共享链接时停止 fb.me 作为 contentTitle?

javascript - 使用 this.props.someVariable

javascript - 从没有 ID 的 Img 中获取 id

ios - Quettra Portrait如何获取未越狱的iOS设备上已安装的应用程序的列表?

ios - 点击按钮后更改先前 View 的图像(Swift)

react-native - 与PanResponder一起使用useNativeDriver

css - 如何使用 react-native-flatlist 在网格布局中对齐下方的图像及其文本(多于一行的字符)