-
React Native 2022‧11‧20
react native - Flatlist 의 하위 아이템 중 원하는 아이템으로 스크롤 시키기 (scrollToIndex)
Flatlist 를 이용하면 배열로 된 데이터를 이용해서 반복적인 뷰를 만들 수 있다.Flatlist 외부에서 버튼이나 함수를 통해 원하는 아이템이 있는 곳으로 스크롤이 필요할 때가 있다. 상단에 const flatListRef = useRef(); 를 선언하고Flatlist에 ref={flatListRef}를 추가한다. 초기 이동이 필요할 경우 initialScrollIndex 속성에 번호를 넣어주면 된다. useEffect나 함수에서 flatListRef.current.scrollToIndex({animated: true, index: 2}); 이런식으로 index의 값에 이동시키고 싶은 아이템 번호를 […]
-
Reactjs 2020‧10‧27
iOS에서 뒤로 가기 전환시 스크롤링 포지션 이슈 (route, scrollTop)
최근에 react.js 로 구현된 어플리케이션에서 페이지 이동 후 뒤로 가기 위한 행동을 하면 스크롤 포지션이 엄하게 바뀌는 경우를 대처하기 위해 이런 저런 방법을 찾아 본 뒤 원인을 찾게 되었다. iOS에서 앵커 태그(a) 가 아닌 이동일 경우에 생기는 이슈인 듯 하다.예) this.props.history.push('/main');리액트 라우터를 이용해 페이지가 전환되었을 경우 생기는 데 기존 프로젝트에 보니 route에 scrolltop이라는 컴포넌트를 보고 […]
-
Html, CSS 2015‧01‧06
css3 - 아이폰에서 스크롤이 부드럽지 않고 버벅일 때
overflow:scroll; -webkit-overflow-scrolling:touch; 위와 같이 써주면 스크롤이 자연스럽게 변하게 된다.
-
Flash AS 2.0 2011‧12‧07
1차 함수를 이용한 이동 값 구할 때
공식 : (d - c ) / ( b - a ) * ( 목표위치 - a ) + c A가 ?a 위치 부터 b 위치까지 갈 때, B가 c위치 부터 d까지 가게 하라 ! ex ) A 무비클립을 드래그 a위치에서 b위치로 이동 될때 그 크기만큼 비율적으로 B 무비클립이 c 부터 d까지 이동하라