Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ScreenHelmet의 onTopClick 관련해서 궁금한 점이 있습니다. #57

Closed
daadaadaah opened this issue Apr 14, 2021 · 3 comments
Closed

Comments

@daadaadaah
Copy link

daadaadaah commented Apr 14, 2021

  1. 아래 주석의 상단바의 의미가 궁금합니다. ㅎㅎ
  /**
   * 상단바를 클릭했을때 호출될 콜백을 설정합니다
   */
  onTopClick?: () => void
  • 상단바의 의미가 Navbar 전체를 의미하나요? 아니면, 아래 푸른색 영역을 의미하나요?

스크린샷 2021-04-14 오후 8 10 51

  1. 푸른색 영역(navbarCenterMainEdge)
  • 위 그림에서 푸른색 영역(navbarCenterMainEdge)을 클릭했을 때, 최상단으로 스크롤되게 타이틀을 클릭했을 때가 구현되어 있는데,
    "네비게이션의 타이틀" 클릭했을 때로 아닌 푸른색 영역(navbarCenterMainEdge) 추가로 만드신 이유에 대해 여쭤봐도 괜찮을까요?
@tonyfromundefined
Copy link
Member

해당 부분은 iOS 네비바를 눌렀을때 최상단으로 스크롤이 이동되는 네이티브 애니메이션을 구현하기 위해 만들어진 기능이에요. 만약 커스텀 Scroll Container를 사용한 경우에도, 상단 터치 후 최상단 스크롤을 직접 구현할 수 있도록 따로 onTopClick 핸들러가 노출되어있습니다

@daadaadaah
Copy link
Author

daadaadaah commented Apr 15, 2021

아하?! 답변 감사합니다~ㅎㅎ

  1. 혹시, 그럼 karrotframe이 "네이티브(IOS/안드로이드)에서 제공하는 UX(예 : 화면 간 전환시 애니메이션 등)를 웹뷰로 구현된 웹에서도 동일하게 경험할 수 있도록 도와주는 프로젝트"라고 이해하는게 맞나요? 아니면, PC/모바일에서의 웹 페이지까지 고려한 프로젝트인가요?

  2. "웹 기반 Transition Animation을 PoC하는 수준"으로 처음 시작하셨다고 하셨는데, 좀더 쉽게 설명해주실 수 있나요?ㅠㅠ
    karrotframe을 만드신 계기와 어떤 방향(?)로 프레임워크를 발전시켜 나가고 싶으신지에 대해 알려주시면, 좀더 Contribute 할 때 도움이 될 것 같아서 여쭤봅니다!ㅎㅎ

p.s. 덕분에 재미난 프레임워크를 볼 수 있게 되어 너무 좋네요!ㅎㅎ 감사합니다!!

@tonyfromundefined
Copy link
Member

  1. 네이티브 앱 내의 WebView만 고려한 프로젝트에요~
  2. 네이티브 같은 전환 애니메이션을 테스트 삼아 구현을 해봤고(PoC: 개념 증명), 생각보다 퀄리티가 잘 나와서, 내부 구조 및 API 개선 후에 라이브러리로 만들어진게 Karrotframe입니다 ㅎㅎ Karrotframe은 WebView UX, DX(개발 경험) 개선이 Goal 입니다 ㅎㅎ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants