search

poemyear / pickpic

2 stars 0 forks source link

Result UI #16

Open poemyear opened 5 years ago

poemyear commented 5 years ago

https://dribbble.com/shots/3716714-Teambrella-Rules-Voting?utm_source=Pinterest_Shot&utm_campaign=vschwid&utm_content=Teambrella:%20Rules%20%26%20Voting&utm_medium=Social_Share

image

이런 구조도 있긴함 가로 바 그래프 형식에, 해당하는 바 밑에 썸네일 플로팅?

poemyear commented 5 years ago

그렇지만 세로형 화면에 + 개수제한없는 사진 특성상 Bar graph는 세로형으로 뿌려주는게 더 나을것같음,

썸네일 - 바 썸네일 - 바 썸네일 - 바 이런형식?

썸네일 롱프레스 시 확대? 오더링은 득표순 + 수치는 득표율?

poemyear commented 5 years ago

https://www.npmjs.com/package/react-native-svg-charts https://github.com/JesperLekland/react-native-svg-charts-examples#bar 이게 download수가 더 많음, native-chart-kit보다

https://www.npmjs.com/package/react-native-chart-kit

https://medium.com/hackernoon/playing-with-react-native-animations-d065e7e97391#.9oyu7prrh

https://canvasjs.com/react-charts/bar-chart/ 이건 웹 코드??

poemyear commented 5 years ago

react-native-svg component doc https://github.com/react-native-community/react-native-svg

poemyear commented 5 years ago

@Yunmin-Ji UI 짤때 참고하면 좋을듯 스크롤 내리는것도있고 https://velog.io/@anpigon/React-Native-UI-%EB%A7%8C%EB%93%A4%EA%B8%B0-2

poemyear commented 5 years ago

https://medium.com/humanscape-tech/react-native%EC%97%90%EC%84%9C-svg%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-f89ce668a7b2 svg에 animation 이용하기