Реагировать на положение Native Scroll ⇐ Android
-
Гость
Реагировать на положение Native Scroll
Сценарий: за пределами представления прокрутки есть кнопка, которая будет отображаться, но когда я прокручиваю вниз и достигаю положения внутренней кнопки, она должна скрывать внешнюю кнопку и отображать только внутреннюю кнопку. Я пытался вычислить позицию, но это не помогло.
const App = () => { const [positionOutside, setPositionOutSide] = useState({x: 0, y: 0}); const [hideButton, setHideButton] = useState (false); const handleScroll = событие => { const y = event.nativeEvent.contentOffset.y; if (y >= PositionOutside) { //как только прокрутится до внутренней кнопки, скроем внешнюю кнопку setHideButton (истина); } еще { setHideButton (ложь); } }; возвращаться ( {/* другие компоненты */} { const макет = event.nativeEvent.layout; setPositionOutSide({x:layout.x, y:layout.y}); }} > Внутренняя кнопка {!hideUpperButton && ( Внешняя кнопка )} ); };
Сценарий: за пределами представления прокрутки есть кнопка, которая будет отображаться, но когда я прокручиваю вниз и достигаю положения внутренней кнопки, она должна скрывать внешнюю кнопку и отображать только внутреннюю кнопку. Я пытался вычислить позицию, но это не помогло.
const App = () => { const [positionOutside, setPositionOutSide] = useState({x: 0, y: 0}); const [hideButton, setHideButton] = useState (false); const handleScroll = событие => { const y = event.nativeEvent.contentOffset.y; if (y >= PositionOutside) { //как только прокрутится до внутренней кнопки, скроем внешнюю кнопку setHideButton (истина); } еще { setHideButton (ложь); } }; возвращаться ( {/* другие компоненты */} { const макет = event.nativeEvent.layout; setPositionOutSide({x:layout.x, y:layout.y}); }} > Внутренняя кнопка {!hideUpperButton && ( Внешняя кнопка )} ); };
Мобильная версия