接触可能なビュー反応するネイティブはあまり応答しません

Question

反応ネイティブアプリを構築していますが、反応ネイティブでのタッチ可能なビューが反応しません。私はボタンをタッチすると、結果を見るのに少し時間が必要です。

解決策が見つかったら、答えは​​に解決策があることをhttps://facebook.github.io/react-native/docs/performance.htmlで確認しました。リンクが言ったことが好きなときにエラーが表示される "this.requestAnimationFrameは関数ではありません"

react-nativeで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; 
    } 

移行が以前よりもずっと速くなりました。あなたのonpressの