☀️ 기상시간 - 10:00
🌕 마감시간 - 24:00
❌ 어우 새벽에 뭐그리도 바람이 무섭게 불어대는지, 바람소리때문에 잠을 설친 것 같다. 그래서 8시에 알람을 듣고 일어났는데 다시 기절해버렸다...ㅠㅠ
<ScrollView>
다루기아직도 todolist에 목메달고 있는 나...ㅠㅠ
오늘안에는 완성해버리고 싶어서 집중해서 해보았다.
처음부터 차근차근 따라하면서, 또 내 스타일로 같이 바꿔가면서 만들었는데
한가지 문제는 리스트에 할일을 추가한 후에 키보드가 닫히는 것이었다.
처음 만들었을때는 Enter
를 누르면 키보드가 사라지는 것이었는데
생각해보니 그렇게 되면 하나 추가할때마다
추가 버튼을 눌러야 하는것이니,,,,
아무래도 추가 한 후 다른곳을 탭했을 때 사라지게 하는 것이 좋은 것 같았다.
여러가지 방법이 있었는데, 가장 맘에 드는 방법으로 사용을 해보았다.
그것은 바로 <ScrollView>
에 props로 있는 keyboardShouldPersistTaps="handle"
을 추가하는 것!
이 기능을 추가하니, 할일을 추가한 후 <ScrollView>
의 범위를 클릭하면
키보드가 숨겨지게 되었다! 😆
비록 인풋창 밑으로는(나는 리스트 바로 밑에 인풋창을 넣었기 때문에ㅎ)
탭을 해도 키보드가 사라지지 않는 문제가 있지만
크게 불편하진 않을 것 같아서 이렇게만 적용해보기로 했다.
<ScrollView>
안에 할 일을 주욱 나열하다보니,
가장 나중에 있는 텍스트인풋이 사라져버렸다.....
영역 지정이 안되있어서 그런지, 다른 태그를 인지하지 못하고 계속 무한정으로
늘어나게 되는 것 같았다.
그래서 이것저것 찾아봤는데, props로 따로 지정하지 않아도
height을 지정해주었더니 딱 그 영역에만 리스트가 정렬되었다!