푸딩 13일차

1. 검색 페이지 UI 완료

1-1. pages/home/SearchPage.js

2. 검색어 정렬

• 최근 검색어가 많아지면 검색어들이 옆으로 정렬이 된다. 정해놓은 너비를 넘으면 다음줄로 정렬되도록 하려고 한다.
• 검색어들을 묶은 View에 넓이를 주어도 다음줄로 정렬이 안되길래 찾아보았는데
• Flex Wrap 속성을 통해서 자식 컴포넌트의 개수가 많아 부모 컴포넌트의 크기를 넘어가게 될 경우에 주면 줄바꿈을 해준다.

  recentlyContent: {
    flexDirection: 'row',
    flexWrap: 'wrap',
  },

수정 전

수정 후

• 속성을 적용하면 위와 같이 정해진 너비를 넘어가게 되면 줄바꿈이 잘 실행된다.