본문 바로가기

Flutter11

CustomPagePushed 플러터에서는 Route Transitions을 커스텀으로 줄 수 있다. 처음으로 플러터로 개발하는 앱에 Route Animation을 주기 위해 구글에 검색 한 후 해당 코드로 커스터 마이징을 하였다. 하지만 이상하게도 pushNamed에서 사용할 때 이러한 오류가 발생했다. 보아하니 pushNamed에는 매개변수가 String 형 RouteName, argument Object형 두개만 존재해야하는데 너무 많다는 에러가 나왔다. 하나하나 주기엔 Navigator가 많이 쓰이기 때문에 ThemeData 안에서 모든 Router에 대해 애니메이션을 주기로 하였다. PageTranistionsTheme빌더 안에서 플랫폼(iOS, android) 둘 다 어떤것이든 전부 CustomPushPageAnimatio.. 2019. 10. 19.
GridView정의 두가지 방법 인스타 클론 코딩을 하던 도중 GridView에 대해서 사용을 하게 되었다, GridView는 내가 여태 공부 해오던 RecyclerView의 layoutManagwer에서 GridLayout과 똑같이 열의 개수를 정해서 보여주는 Layout 형태이다 열의 갯수를 지정하는 총 두 가지 방식이 있다 첫 번째로는 GridView.count()를 만들어서 해당 클래스 프로퍼티의 crossCount 수를 주는 방법이 있고 두 번째로는 OrientationBuilder를 이용해서 해당 빌더의 첫 번째 매개변수는 context 두 번 째는 Orientation 즉 landScape모드와 portrait모드 중에서 어떤 형식으로 보이게 할지 정하는 프로퍼티이다 자세한 예제는 https://flutter.dev/doc.. 2019. 10. 18.
FutureBuilder정의 처음에 FutureBuilder 없이 home 화면에서 내가 만든 LoginProvider 부분에서 currentUser를 가져와 MaterialApp클래스 home 부분에 삼중 연산자를 사용하여 화면을 다르게 뿌리기만 했었다. 코드는 저런식으로 구현했었는데 치명적 오류가 발견되었다. 어플의 dispose만 실행이 되면 해당 쿠키나 세션값이 남아있긴하지만 다른화면을 계속해서 뿌려주는 것이었다. 여러번의 수정끝에 검색을 해 보니 FutureBuilder 라는 좋은 클래스가 있는걸 알게되었다. FutureBuilder 는 Future 에 따라 위젯을 다르게 주어야 할 때 주로 사용하는 클래스 이다. https://www.youtube.com/watch?v=ek8ZPdWj4Qo 전 코드를 이런식으로 바꿔주니 .. 2019. 10. 15.
fancy_bottom_navigation사용기 플러터 강의를 마치고 실력을 조금 키우고자 sns클론코딩을 하는 도중 조금 더 이쁜 bottom navigation이 없을까 하고 찾아보던 와중 fancy bottom navigation이라는 좋은 플러그인을 찾게 되었다. 기존의 바텀네이게이션 코드는 이러하다 아이템에 바텀네비게이션아이템을 하나씩 추가해가는 형식이다 완성본은 이러하다 fancy Bottom navigation 코드는 이러하다 완성본 밑에 상세주소에 들어가면 잘 나와있으니 참고하면 된다. https://github.com/tunitowen/fancy_bottom_navigation tunitowen/fancy_bottom_navigation Flutter plugin - FancyBottomNavigation. Contribute to t.. 2019. 10. 13.