바텀 모달에서 새로운 바텀모달을 열었더니 덜덜 떨린다.
수정한 모달은 떨리지 않는다.
계속 뭘까 이것, 저것 시도를 해보았다.
왜 떨릴까 생각하니까 높이(위치)때문인가? 하는 의문에 높이를 지정해 보았더니
딱! 멈추었다.
나의 경우 이메일 주소를 입력해야 해서 키보드가 위로 올라와야 했고,
KeyboardAvoidingView를 사용했다.
[수정한 코드]
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={{
backgroundColor: '#fff',
borderTopRightRadius: 15 * width,
borderTopLeftRadius: 15 * width,
}}>
<View
style={{
borderTopRightRadius: 15 * width,
borderTopLeftRadius: 15 * width,
paddingHorizontal: 23 * width,
backgroundColor: '#fff',
width: 375 * width,
height: status !== '' ? 281 * width : 258 * width,
// 원래는 이 부분이 아예 없었다. 아래 콘텐츠들의 높이로 이루어져서 따로 정하지 않아도 된다고 생각했고, 좀 더 유연하게 반응할 수 있는 모달이 될 줄 알았다.. 이렇게 덜덜 떨릴 줄은... :(
나는 해당 모달을 두 가지 경우로 사용하기 때문에 status를 기준으로 높이를 수정하였는데,
그냥 height:292 이런 식으로 고정하면 된다.
}}>