Sign in

flutter

flutter bottom navigation bar tap

[Flutter] Appbar 상단바와 하단바 예제

지금 정리할 내용은 NavigationBar와는 달리, 화면내에서 추가로 사용될 상단바와 하단바에 대해서 이야기해보고자 한다. 분명 많은 플러그인과 방법이 있겠지만, 사용해보고 좋았던 플러그인과 위젯을 기록해두려 한다. 1. 상단바로 좋은 TabBar https://pub.dev/packages/contained_tab_bar_view contained_tab_bar_view | Flutter Package Encapsulates TabController, TabBar and TabBarView into a single customizable Widget. pub.dev 플러터 2.0 3.0에서 지원되며, 널안정성을 갖추고 있다. 사용 예제 // Example 1 import 'package:contai..
wono | discuss |
flutter bottom navigation bar tap

[Flutter] 8. BottomNavigationBar(하단 내비게이션 바)

지난 포스트에서 서랍 메뉴를 이용한 내비게이션을 해보았습니다. 서랍 이외에 내비게이션을 활용할 수 있는 위젯 중 하나는 하단바(BottomNavigationBar) 입니다. 이번 포스트에서는 다음 내용을 다루고 있습니다. BottomNavigationBar 란 스캐폴드에 BottomNavigationBar 추가 NamedRoute, Route 설정하기 BottomNavigationBar 란 BottomNavigationBar는 화면 하단에 표시되는 위젯입니다. 서랍(Drawer)은 여러개의 항목을 사용 수 있지만 BottomNavigationBar는 2~3개 정도의 항목을 사용하는게 일반적인듯 합니다. BottomNavigationBar는 Scaffold내에서 사용이 가능하고, 스캐폴드 내의 bottom..
wono | discuss |
flutter getx bottom

[Flutter][GetX] GetX로 BottomNavigationBar 만들기

0. 소개 이전에 StatefulWidget으로 만들었던 BottomNavigationBar를 GetX controller를 이용해 만들어보겠습니다. GetX 라이브러리에서는 StatefulWidget 사용을 지양하니 섞어 사용중이시라면 GetX 방식으로 바꾸시는걸 권장드립니다. [Flutter] 하단탭바, BottomNavigationBar 만들기 이거 탭바라고 자주불렀는데, 플러터에선 BottomNavigationBar라고 하네요. 플러터에서 탭바는 상단에 있는 이거라고 합니다. 현재 만들 것은 TabBar가 아닌 BottomNavigationBar 입니다. 시작 1️⃣ BottomNavg.. dokit.tistory.com 이전글 1. GetX Controller 만들기 // BottomNaviga..
wono | discuss |
flutter flame fadein

flutter flame fadein colorfilter example

``` final paint = Paint(); // paint.color = Colors.white.withOpacity(0.02); // paint.color = Colors.transparent; // paint.color = const Color(0x0F000000); paint.color = const Color.fromRGBO(0, 0, 0, 0.2); paint.colorFilter = ColorFilter.mode(ParticleHelper.randomMaterialColor(), BlendMode.srcATop); final sprite1 = SpriteComponent( sprite: sprite, size: 128, anchor: Anchor.center, paint: paint, ); // sprite1.add(OpacityEffect.to(0.02, EffectController(duration: 0))); sprite1.add(OpacityEffect.fadeIn(EffectController(duration: 1))); add(sprite1); ```
wono | discuss |