TIL: RN | position - 221122

Lumpen·2022년 11월 23일
0

TIL

목록 보기
192/244
post-custom-banner

position

react native 에서의 포지션은 웹과 조금 다르게 동작하는 것으로 보인다
부모에 relative 를 주고
자식에 absolute 를 주더라도 해당 위치에서의 포지션 값을 구하지 않는다

position 속성을 을 주지 않더라도 left, right, bottom, top 등의 값을
사용할 수 있다

부모 영역에 아무 값도 주지 않고
자식 영역에 position: absolute 값을 주더라도
준 것 처럼 동작 하고, 부모에 overflow: hidden 이 적용되어 있다면
잘려서 보인다..
absolute 라면 웹에서 가장 위 쪽에 배치돼야 할 것으로 생각했는데
많이 다르게 동작하는..

state로 position 관리

state로 x, y 축을
left, right, top, bottom 값을 변경하면서 관리해야 할 경우
x축이나 y축 한 쪽으로의 변경만 주게 된다면 원하는 동작을 하지 않을 수 있다
그럴 때는 x, y 모두 설정해주어 해결할 수 있음

profile
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는
post-custom-banner

0개의 댓글