코드 제네레이션 기능을 사용해서 생기는 .g.dart 파일을 정리해보겠습니다. 톱니바퀴 설정창 눌러줍니다. File Nesting 클릭 .dart.js; .dart.js.deps; .dart.js.map; .dart.js.tar.gz; .g.dart; .module 그대로 넣어주시고 ok 눌러주시면 정리가 됩니다.
https://pub.dev/packages/json_serializable json_serializable | Dart Package Automatically generate code for converting to and from JSON by annotating Dart classes. pub.dev json_serializable json으로 받아오는 데이터를 직렬화 해주는 패키지. class LectureDetailInfoModel { final int lectureDetailIndex; final String week; final String lectureStartDate; final String lectureEndDate; final String lectureStartTime; final S..
flutter_secure_storage 앱을 껏다 켜도 데이터를 유지할 수 있음. token이나 사용자정보를 안전하게 데이터베이스에 저장할 수 있는 라이브러리. 사용하기 https://pub.dev/packages/flutter_secure_storage flutter_secure_storage | Flutter Package Flutter Secure Storage provides API to store data in secure storage. Keychain is used in iOS, KeyStore based solution is used in Android. pub.dev Pubspec.yaml 에 라이브러리를 추가합니다. 버전은 위에 페이지에서 확인. 안드로이드는 따로 설정을 해줘야 합니다..
import 'dart:convert'; final string = base64로 인코딩할 String; Codec stringToBase64 = utf8.fuse(base64); String token = stringToBase64.encode(string);
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( themeMode: ThemeMode.dark, darkTheme: ThemeData.dark(), debugShowCheckedModeBanner: false, home: const HomePage(), ); } } themeMode: ThemeMode.dark darkTheme: ThemeData.dark() 설정하시면 dark테마로 앱을 만들수 있습니다.
해당 Text 처럼 Text 사이의 약간의 Height를 지정 하고 싶다면 이렇게 해보세요. 준비물 1. 해당 Text Size 를 알아야 합니다. 2. Text Design 에 Line height 을 알아햐 합니다. 이제 Line height % Text Size 를 계산 해야 합니다. 준비는 끝났습니다. Text( "유저 간 시그널, 제휴업체의 골든벨 등\n지도기반 서비스를 활용하기 위해 사용합니다.", style: TextStyle(fontSize: 12, color: Color(0xff7C7C7C), height: 1.583), ), TextStyle의 height 값에 계산한 값을 넣어주면 됩니다.
OutlinedButton( onPressed: () {}, child: Text( "강의소개", ), ), OutlinedButton 을 사용하면 기본적으로 가지고 있는 패딩 값이 적용 되어 이런 버튼이 생성됩니다. 이 패딩값을 제거하기 위해서는 OutlinedButton 에 style를 코드처럼 주어야 합니다. OutlinedButton( onPressed: () {}, child: Text( "강의소개", ), style: OutlinedButton.styleFrom( minimumSize: Size.zero, ), ), 하지만 아직도 좌우 패딩값이 들어가 있습니다. minimunSize를 제로로 설정했다면 이제 padding 을 원하는대로 설정해주시면됩니다. OutlinedButton( onPre..
TextFormField( //추가 inputFormatters: [ FilteringTextInputFormatter.digitsOnly, ], ) 추가하면 숫자만 입력받을 수 있다. TextFormField( //추가 inputFormatters: [ FilteringTextInputFormatter.digitsOnly, LengthLimitingTextInputFormatter(8), ], ) 숫자를 8개까지만 받을 수 있다.
