可触摸视图反应本机响应不是很灵敏

Question

我正在构建一个react native应用程序，我发现react native中的可触摸视图没有响应。当我按下按钮时，需要一些时间才能看到结果。

当我谷歌搜索解决方案时，我发现 https://facebook.github.io/react-native/docs/performance.html 解决方案是包装任何在请求AnimationFrame中。当我喜欢链接所说的内容时，它会向我显示错误“this.request动画框架不是一个函数”

有在reactnative中使用requestAnimationFrame的示例吗？

以下是我到目前为止所做的一些代码：

createBookingPage(){
        latestSender = bookings[0].from_name + " " + bookings[0].from_phone 
                        + " " + bookings[0].from_address;
        this.props.navigator.push({id: 4, latestSender, savedEmail, savedPassword});
      },

createBookingPage(){
        this.requestAnimationFrame(() => {
          this._createBookingPage();
        });
      },
        
    render(){
      return (<View>
              <TouchableHighlight style={styles.createButton}
                underlayColor='#ff7043' onPress={this.createBookingPage}>
                <Text style={{fontSize: 25, color: 'white'}}>+</Text>
              </TouchableHighlight>
            </View>);}
        

Answer 1

在您的主导航器页面中，自定义您的场景配置以浏览如下视图：

var SCREEN_WIDTH = require('Dimensions').get('window').width;
var BaseConfig = Navigator.SceneConfigs.FadeAndroid;

var CustomSceneConfig = Object.assign({}, BaseConfig, {
 //A very tightly wound spring will make this transition fast
 springTension: 80,
 springFriction: 0,
  //Use our custom gesture defined above
  gestures:{

 }
});



class Photoos_net extends Component {
constructor(props, context){
 super(props, context);
 this._configureScene = this._configureScene.bind(this);

 }

 render() {
   return (
     <Navigator
      initialRoute= {{id: 'Home' , component: 'Home' , index:0}}
      renderScene = {this.renderScene.bind(this)}
      statusBarBackgroundColor={'royalblue'}
      configureScene={this._configureScene}
     />

 );
}

 _configureScene(route){
    return CustomSceneConfig;
  }

现在你的转变会比以前快得多。