21.01.08 TIL - RN KeyboardAvoidingView

안드로이드 emulator "android system ui isn't responding" 해결방법

참고 https://istorage.tistory.com/22

emulator의 그래픽을 소프트웨어로만 맞춰주니 해결됐다.

backgroundColor 투명하게 하는방법

1. backgroundColor: 'rgba(0, 0, 0, 0)'

2. backgroundColor: 'transparent'

3. backgroundColor: '#00000000'

요소 자체를 투명하게 하는방법

1. opacity: 0

위는 backgroundColor 만 투명하게 하는거고 이건 요소의 이미지, 텍스트 등 요소 전체를 투명하게 한다.

참고 https://inputbox.tistory.com/293

KeyboardAvoidingView

behavior : 'height', 'position', 'padding'

position 은 인풋을 클릭할때마다 무조건 전체 화면이 다같이 올라간다. 주의해서 써야함.
height 는 안드로이드에서 무난하게 쓰인다. 하지만 ios에서는 잘 동작이 안된다.
padding 은 ios에서 무난하게 쓰인다고 한다.

<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
</KeyboardAvoidingView>

주로 이렇게 쓰임

ScrollView 화면을 래핑 할 때 ScrollView를 <KeyboardAvoidingView style = {{flex : 1}} ...>로 래핑해야 한다.

참고 https://stackoverflow.com/questions/47661480/height-vs-position-vs-padding-in-keyboardavoidingview-behavior