Map & ScrollView

1. 개요

다음의 위젯 에 대해 알아보자.

• Map
• ScrollView

2. Widget

2.1. Map

javascript 에서 반복문 은 여러가지가 있다. for, forEach, while 등이 있다. 그 중에서 react 에서 가장 많이 쓰이는 반복문이 Map 함수이다. Map은 다른 반복문들과 기능은 같지만, 원본 Array 는 그대로 두고, 반복문을 돌려 처리한다음 새로운 Array 를 return 으로 반환 해준다는 점이다. React에서는 Map 사용빈도가 높으니 꼭 알아둬야 하는 함수 중 하나이다.

2.2. ScrollView

위의 Map 예제를 View 위젯 안에 넣어서 표시를 해보자. 그럼 List 형식의 Text가 나열될 것이다. 그러나 문제점이 있다. 만약 List가 Mobile device 의 화면보다 크다면, 잘려서 표시되는 현상 이 발생한다. 스크롤도 되지 않는다. 이때를 위해 쓰는것이 ScrollView 이다. ScrollView안에 List를 넣으면 scroll 이 가능하게 된다.

3. Ex