# hero

developerpyk

Lucky-Market 2023.03.31 > 나만의 중고마켓 만들기 (chat-GPT / VS코드) 'chat-GPT'에게 어떻게 명령을 내리고, 'chat-GPT'가 써준 코드를 어디에다가 어떻게 가져다 써야 되는지 알아보기 먼저 vs코드에 새폴더와 index.html 파일을 만든다. 미리 chat-GPT 사이트에 가입한다. (https://chat.openai.com/chat) chat-GPT는 같은 의미의 명령이라도 말이 달라지면, 다른 코드를 제시할 수 있다. 이곳에 올린 코드들과 명령들은 예시로 올린

developerpyk

[Lucky-Market] (https://developerpyk.github.io/Lucky-Market/) // Description This was made by using chat-GPT to practice coding and experience chat-GPT. So, this site is unavailable and the products are not for sale. // https://velog.io/@developerpyk/Behind-the-Lucky-Market // If you want to know the codes I used, visit https://github.com/developerpyk/Lucky-Market

knh4300

document > Navigation API 새로운 화면으로 이동하고, 되돌아오기 Navigator.push Route를 Navigator에 의해 관리되는 route 스택에 추가한다. >Navigator.push(BuildContext context, Route route) Navigator.pop Navigator에 의해 관리되는 route 스택에서 가장 위에 있는 Route를 제거한다. result(로 이전 화면에 데이터를 넘겨 줄수도 있다.) >Navigator.pop(BuildContext context, [T? result]) Named route로의 화면 전환 만약 앱의 다른 부분에서 동일한 화면으로 이동하고자 한다면, 중복된 코드가 생기게 된다. 이런경우 named route를 정의하여 화면 전환에 사용하는 방법이 해결책이

boms2

Hero 프레임워크 사용하기 전에 연습해봤습니다. 1 .zoom 가운데로 모아지고 가운데에서 펼쳐지는 느낌 2 .pageIn(direction: .left) 3 .pageIn(direction: .right) 4 .pull(direction: .left) pageIn은 뒤로

tygerhwang

Hero() 이번 글에서는 Animation 효과를 주는 위젯인 Hero() Widget에 대해서 알아보겠다 Hero 위젯의 사용방법은 간단하다 Hero 위젯을 사용하고 싶은 위젯을 감싸서 tag 값을 주면 된다 tag는 String 타입이며, 고유의 값 만을 주어야 한다 tag의 값이 다른 값과 중복이 되면 에러가 발생함 주로 tag 값에는 lsitview의 index를 활용하거나 url 등 고유의 값만을 사용하면 된다 사용방법은 이벤트를 발생시켜 새로운 스크린을 열어 효과를 주는 형식이다 여기서 사용된 이미지 파일은 picsum.photos에서 제공하는 무료 api를 사용 하였으며, 먼저 사용하고 싶은 Image 위젯을 Hero 위젯으로 감싼 후 tag 값에 api에서 제공해주는 고유의 id값을 tag 값으로 사용하였다 id 값은 중복되지 않는다 위에서 만든 InkWell 위젯의 onTap을 활용해서 onTap 함수 안에 아래와 같이 router를 연결해

locked

이번 포스트에서는 Flutter에서 제공하는 강력한 위젯 중 하나인 Hero 위젯을 다뤄보려한다. normal 기본 히어로 위젯을 사용하면 위와 같이 부드러운 애니메이션으로 동작한다. > 하지만, 좀 더 인터랙티브한 경험을 전달하기 위해서 zoom-out이 되는 효과 주기로 한다. goals