분류 전체보기 (132) 썸네일형 리스트형 [j Flutter] TextField에 password 입력 효과 TextField 옵션에 obscureText : true 를 추가 해 주면 된다. TextField( obscureText: true, decoration: InputDecoration( border: OutlineInputBorder(), labelText: 'Password', ), [ j android ] network 네트워크 상태 체크 network 상태 체크를 해보자. fun NetworkStatus() { // 네트워크가 연결되어 있지 않은 경우 if (!NetworkManager.checkNetworkState(activity)) { } // 네트워크가 연결되어 있는 경우 else { } } [j android] Appbar에 뒤로가기 넣기 Appbar에 뒤로가기 버튼을 넣어보자. 1. layout에 appbar 영역을 추가 2.Activity에 ActionBar setting setSupportActionBar(binding.toolbar) supportActionBar?.setDisplayHomeAsUpEnabled(true) supportActionBar?.title = "닫기" - setDisplayHomeAsUpEnabled 를 true로 해주면 뒤로가기 버튼 활성화가 된다. - title를 닫기로 설정해준다. (버튼만 나오고게 하고 싶으면 생략해도된다.) 3. 뒤로가기 버튼 클릭 시 액션 override fun onOptionsItemSelected(item: MenuItem): Boolean { when (item.itemId).. [j Flutter] 사진으로 화면 전환 되게 하기, 애니메이션 화면 전환 (like 당근마켓) 화면 전환 시 다음과 같은 효과를 적용해보자. 출처 : https://flutter-ko.dev/docs/cookbook/navigation/hero-animations 1. 같은사진을 두 화면에 적용해야한다. home화면과 이동 할 detail화면에 asset이미지를 적용해준다. Image.asset( "assets/images/a.jpg", width: 100, height: 100, ) 2. 이미지 위젯을 Hero로 감싸준 뒤 똑같은 tag 값을 적용한다. Hero( tag: "1", child: Image.asset( "assets/images/a.jpg", width: size.width, fit: BoxFit.fill, ), ) ** 꼭 똑같은 tag값을 지정해준다. [j Flutter] Getx 사용해 BottomNavigationBar 만들기 1. GetView 사용하기 class App extends GetView { @override Widget build(BuildContext context) { return Scaffold( body: Obx(() { switch (RouteName.values[controller.currentIndex.value]) { case RouteName.Home: return Home(); case RouteName.album: return Album(); case RouteName.letter: return Letter(); case RouteName.profile: return Profile(); } return Container(); }), bottomNavigationBar: Obx( () => Bo.. [j Flutter] flutter 2.0 null safety 버전 업그레이드 1. dart 버전 확인 dart --version 2. dart 업그레이드 dart pub upgrade --null-safety dart pub get 3. 최신 업그레이드해야 하는 프로젝트의 라이브러리가 무엇인지 확인 dart pub outdated --mode=null-safety [j android] ListView 클릭 효과 해당 아이템 xml 맨 위의 layout에 해당 코드는 입력. android:background="?attr/selectableItemBackground" android:clickable="true" android:focusable="true" [j Flutter] Flutter 2.x SnackBar ( 스낵바 ) 새로운 적용 방법 기존 스낵바 적용 방법은 해당 코드 처럼 적용을 해주면 됐었다. Scaffold.of(context).showSnackBar(SnackBar( content: const Text('snack'), duration: const Duration(seconds: 1), action: SnackBarAction( label: 'ACTION', onPressed: () { }, ), )); final GlobalKey scaffoldKey = GlobalKey(); Scaffold( key: scaffoldKey, body: ..., ); scaffoldKey.currentState.showSnackBar(mySnackBar); -->새로운 SnackBar ( 스낵바 ) 적용방법 1. ScaffoldMesseng.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 17 다음
