#javascript #reactjs #react-native
#javascript #reactjs #react-native
Вопрос:
недавно я преобразовал свой код в функциональный компонент, чтобы попробовать хуки. у меня возникает проблема, когда я хочу использовать метод scrollTo из ScrollView. тогда я использовал this.refs.scrollTo, но сейчас я не могу этого сделать.
я пытался использовать useRef из хуков, но это также не удалось. вот как я это реализую
const boardScreen = useRef(null);
...
const nextButtonHandler = async () => {
if (scrollPosition < (content.length - 1) * width) {
await setScrollPosition(scrollPosition width);
boardScreen.current.scrollTo({ x: scrollPosition, animated: true
});
}
};
<ScrollView
horizontal
pagingEnabled
onMomentumScrollEnd={onScrollEnd}
showsHorizontalScrollIndicator={false}
ref={boardScreen}
onScroll={Animated.event([
{
nativeEvent: {
contentOffset: {
x: scrollX
}
}
}
])}
scrollEventThrottle={16}
>
{renderContent()}
</ScrollView>
есть предложения? или я должен просто вернуться к использованию class для этой проблемы?
Комментарии:
1. Пожалуйста, включите весь ваш компонент. Вы также должны использовать
ref={boardScreen}
для элемента.2. я отредактировал @Tholle