flutter (4) 썸네일형 리스트형 튜토리얼 화면 만들기 대부분 앱들을 설치하고 최초 실행 시,튜토리얼이 진행된다.개발자가 만드는 서비스가 아무리 쉽고 간단해도아주 간단한 튜토리얼은 필요하다.이번엔 이 라이브러리들을 사용해볼 예정이다. shared_preferenceshttps://pub.dev/packages/shared_preferences shared_preferences | Flutter packageFlutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android.pub.dev shared_preferences | Flutter packageFlutter plugin for reading and.. Flutter Navigator 사용법 플러터에서는 뭘로 화면 전환하지?Navigator를 사용하여 화면전환이 가능하다.화면 전환 코드에 대해 한 번 확인해보자. 사전 준비별도의 사전 준비는 필요 없다.다만, 코드 변경이 조금 필요하다.void main() => runApp( MaterialApp( home: MyApp(), ));class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( ... ); }}MaterialApp이 뭐지?플러터에서 Material Design을 적용하기 위한 최상위 위젯이다.앱의.. Flutter Toast 사용법 오늘은 Flutter에서 제공하는 FlutterToast를 다뤄보겠다. Android Studio로 앱을 만들어봤다면 알곘지만 Android에서도 ToastMessage가 나온다. 똑같이 플러터도 ToastMessage를 지원하고 있다. ToastMessage는 어디에 사용될까? 예로, 사용자의 잘못된 행동이나, 오류가 발생했을 때, 안내문구를 띄워야 한다. 그럴 때 fluttertoast를 이용하면 쉽게 안내문구를 띄울 수 있다. 1. 사전준비 pubspec.yaml에 들어가면 내용이 잡다하게 많다.그 중 dependencies:를 찾아 보자. 따로 건드린 게 없다면 20번째 줄 쯤에 보일 것이다. ...dependencies: flutter: sdk: flutter #.. Flutter TabBar 사용법 오늘은 flutter의 탭바 기본적인 사용법을 알아보겠다. 아주 기초만 담고 있기 때문에, 이미 탭바의 사용법을 알고 있다면 뒤로 가기를 누르면 된다. 1. 사전준비 플러터 프로젝트 하나만 있으면 된다. 새로 만들어도 되고, 이미 만들어놓은 프로젝트를 써도 된다. lib 폴더는 다음과 같이 구성하면 된다.lib└ main.dart└ views └ MyTabBar.dart └ FirstTab.dart └ SecondTab.dart 2. 시작하기 플러터 프로젝트를 생성했다면 중구난방한 코드가 매우 많을 것이다. 아래 코드만 남기고 나머진 전부 지운다.main.dart debugShowCheckedModeBanner → false로 설정 시, 화면 상단에 나타나는 Debug Mode 배너가 .. 이전 1 다음
