React native get Voir

Question

J'ai Scroll Voir comme un en-tête et List view comme Body.So Je dois glisser défilement vue pro-grammatiquement sur la liste swipe.so dans mon code actuel je reçois l'ID de la vue de défilement où je besoin du composant en utilisant réellement que je peux appeler, scrollview.scrollTo(); méthode.

render() { 
     return (
      <View style={styles.container}> 
       <View style={styles.scrollContainer}> 

        <ScrollView 
           ref={'abc'} 
           directionalLockEnabled={false} 
           horizontal={true}> 

         <View style={styles.scrollItemStyle}> 
         <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 
         <View style={styles.scrollItemStyle}> 
          <Image source={shield} style={homescreenstyle.imagestyle}/> 
         </View> 

        </ScrollView> 

       </View> 
       <View style={styles.listcontainer}> 

        <ListView 
         dataSource={this.state.todaysData} 
         renderRow={this.renderRow} 
         onScroll={this.handleScroll} 
         style={styles.container} 
        /> 


       </View> 

      </View> 
     ); 
    } 



    renderRow(rowData){ 

     return (
      <CustomListRowCards 
       title={rowData.title}/> 
     ); 
    } 

    handleScroll(event: Object) { 
     // var input = this.refs.scrollview; 

     customViewNativeID.scrollTo(500, 0, true) 

     // alert(event.nativeEvent.contentOffset.y); 
    } 

// CutomViewNativeId renvoie le id..But je besoin de la vue actually.Actually je cherche quelque chose qui fonctionne comme findViewById() dans android.I suis un androïde developer..I suis nouveau à React- Native..S'il vous plaît suggérer.Merci à l'avance

Answer 1

Pour accéder à une vue que vous le feriez normalement quelque chose comme ceci:

class MyComponent extends React.Component { 
    viewOne = null 
    //state = {...} 

    useViewOne =() => {  
     this.viewOne.doSomething() 
    }  

    render() { 
     return (
     <View ref={(viewRef) => this.viewOne = viewRef}> 
     </View> 
    ) 
    } 
} 

Gardez à l'esprit que this.viewOne sera nulle dans componentWillMount() et au lieu que vous devriez l'utiliser dans componentDidMount()

Answer 2

Je suggère d'examiner en utilisant l'accessoire de référence sur vos composants. Vous pouvez trouver plus d'informations here.