本物のAndroid ScrollViewに対応するscrollは機能しません

Question

水平スクロールビューをReact Native Androidで使用しようとしています。開始位置は（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

私はそれで同じ問題、および廃棄物のいくつかの時間を満たす： 1アンドロイドで、scrollviewはあなたが呼び出す場合、そのサイズ<コンテンツのサイズが中 2は、ネイティブのAndroidを反応させた場合にのみスクロールすることができますcomponentDidMountでscrollView.scrollTo（）、それはscrollviewを作成するときに、あなたがそう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()); 
} 

でそれを見つけることができ、レイアウトのアニメーションを持っているbecaus、アニメーション

後にそれを遅らせる必要があり、動作しません。

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) 
}