反應原生的Android ScrollView的scrollTo不工作

Question

我想在Android的React Native水平的ScrollView中使用水平ScrollView，其中起始位置在滾動圖像的中間而不是（0,0）。

scrollTo方法好像在componentDidMount裏面調用的時候沒有問題，但是在應用程序中沒有任何動作，它仍然顯示爲開始滾動到左邊。

由於這是Android，我無法訪問contentOffset道具，或者根據文檔直接設置。下面是代碼：

'use strict'; 

var React = require('react-native'); 
var { 
    StyleSheet, 
    View, 
    Text, 
    ScrollView, 
    Component, 
} = React; 
var precomputeStyle = require('precomputeStyle'); 

class Carousel extends Component { 
    constructor(props, context) { 
    super(props, context); 
    //this.changeContent = this.changeContent.bind(this); 
    } 

    componentDidMount() { 
    this.myScroll.scrollTo(100); 
    console.log("called DidMount"); 
    } 

    render() { 
    return (
     <View style={{flex: 1}}> 
     <ScrollView ref={(ref) => this.myScroll = ref} 
      contentContainerStyle={styles.container} 
      horizontal={true} 
      pagingEnabled={true} 
      showsHorizontalScrollIndicator={false} 
      bounces={true} 
      onMomentumScrollEnd={this.onAnimationEnd} 
     > 
      {this.props.children} 
     </ScrollView> 
     </View> 
    ); 
    } 

    onAnimationEnd(e) { 
    console.log("curr offset: " + e.nativeEvent.contentOffset.x); 
    } 
} 

var styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    }, 
    page: { 
    alignItems: 'center', 
    justifyContent: 'center', 
    borderWidth: 1, 
    }, 
}); 

module.exports = Carousel; 

Answer 1

我遇到了同樣的問題，浪費幾個小時吧： 在android系統1，滾動視圖可以當它的大小<內容大小 2反應原生的Android，如果只調用滾動scrollView.scrollTo（）在componentDidMount，它不會工作，滾動視圖因爲...有創建時的佈局動畫，可以在ReactScrollView.java

protected void onLayout(boolean changed, int l, int t, int r, int b) { 
    // Call with the present values in order to re-layout if necessary 
    scrollTo(getScrollX(), getScrollY()); 
} 

所以找到它，你必須在動畫後延遲它

componentDidMount() { 
    InteractionManager.runAfterInteractions(() => { 
     this.myScroll.scrollTo(100); 
     console.log("called DidMount"); 
    }) 
} 

Answer 2

這適用於React Native 0.44.0。感謝提示@Eldelshell。它似乎也適用於任何超時值。至少在模擬器上。我發現涉及InteractionManager.runAfterInteractions的答案沒有解決問題，但也許這在版本上有所不同。

componentDidMount() { 
    setTimeout(() => { 
    this._scroll.scrollTo({y: 100}) 
    }, 1) 
}