Реагируй родной Android ScrollView scrollTo не работает
Я пытаюсь использоватьгоризонтальный ScrollView в 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;