[Come-On-Mobile] 프로젝트 issue - 레이아웃 침범 컨트롤하기 -

➡ View : buttons 스타일을 적용한 뷰가 자꾸 InputForm을 침범하는 문제가 발생했다.
➡ 이를 해결하기 위해 flex:1 을 여러 뷰에 줘봤지만, 그건 해당 컴포넌트가 화면을 얼마나 차지할 지에 대한 거라서 원하는 성과를 얻지 못했다.

---

문제 발견 :

문제는 multiline을 적용하면서 생긴 오류였다.

• multiline 적용 시 textInput의 minHeight는 100으로 적용되는데, textInput을 감싸는 View가 optional인 isMultiline의 스타일을 적용하는 사이에 문제가 생기는 것 같다

---

문제 해결

• TextInput을 감싸는 View에 inputMultiline일때의 크기를 계산해서 넣어준다.
  

padding 12가 적용된 것을 감안해, 100 + 12 + 1(border)로 계산한다.

---

결과

buttons에 marginTop:1 을 적용한 부분
잘 떨어져나갔다.

marginTop:20을 적용
디자인 도안과 같은 모양을 구현했다.