反応するネイティブのナビゲーターシーンオーバーラップを回避する

Question

私はScrollViewアイテムのリストを持っています。 1つのアイテムをクリックすると、新しいシーンに移動します（右側からスライドします）。しかし、遷移期間中に2つのシーンが重なり合う。アニメーション/トランジションが終了しても問題ありません。

とHERESに関連するコード：

render() { 
    return (
     <Navigator 
     initialRoute={routes.frontpage()} 
     renderScene={(route, navigator) => { 
     if(route.index === 1) { 
      return (
      <TouchableHighlight 
       onPress={() => navigator.pop()}> 
      <View style={{flex: 1}}> 
       <Text style={styles.header}> other </Text> 
       <Text> {route.post.title} </Text> 
      </View> 
      </TouchableHighlight> 
     ) 
     } 
     return (
      <View style={{flex: 1}}> 
      <Text style={styles.header}> Frontpage </Text> 
      <ScrollView> 
       { 
       this.props.posts.map(post => (
        <TouchableHighlight 
        key={post.created} 
        onPress={() => { 
         if (route.index === 0) { 
         return navigator.push(routes.post(post)) 
         } 

         navigator.pop(); 
        }}> 
        <View> 
         <PostSummary 
         title={post.title} 
         upvotes={post.ups} 
         author={post.author} 
         subreddit={post.subreddit} 
         created={post.created_utc} 
         /> 
        </View> 
        </TouchableHighlight> 
       )) 
       } 
      </ScrollView> 
      </View> 
     ) 
     }} 
    /> 
    ) 
    } 

上の任意のアイデアはどのようにこの問題を解決するには、ここ

は例ですか？

Answer 1

ナビゲータは、2つのシーン間のトランジション中にアニメーションを使用します。あなたのケースでは、移行中にフェードを使用します。どのように別のアニメーションを使用するのですか？ナビゲータにScene Transitionsの機能があり、アニメーションを変更しようとする可能性があります。