[Flutter] 파일 분리하기
·
Web & Android/Flutter
1. lib 폴더 안에 style.dart 과 같은 .dart 파일을 생성 → 거기다 변수를 만들어서 축약할 내용 넣기 (style.dart 파일) // 아래 코드를 import 해야만 사용 가능 import 'package:flutter/material.dart'; var theme = ThemeData( ThemeData안에 들어있던 모든 내용 ) 2. main.dart로 불러오기 (main.dart 파일) import 'style.dart' as style; class MyApp extends StatelessWidget { MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Materia..
[Flutter] ThemeData()
·
Web & Android/Flutter
💡 스타일을 넣을 때 위젯마다 하나하나 스타일을 넣으면 코드가 더러워지기 때문에 ThemaData() 사용 사용법 MaterialApp() 안에 ThemeData() 열기 MaterialApp( theme : ThemeData(), home : MyApp() ) 적용 후 ThemeData( iconTheme: IconThemeData(color: Colors.red, size: 60), appBarTheme: AppBarTheme( color: Colors.grey, ), ) 모든 아이콘 빨간색 AppBar 회색 → AppBar 안의 actions: [] 아이콘에 빨간색으로 적용이 안된다면? AppBarTheme() 안에 아이콘 스타일 지정 textTheme() Text() 스타일 변경 → textThe..
[Flutter] null check 하는 법 & Android 앱 발행
·
Web & Android/Flutter
null check 하는 법 변수, 함수 타입 지정이 잘 되었는지 확인 var total = 3; var like = [0, 0, 0]; var name = []; // --> 변경 int total = 3; List like = [0, 0, 0]; List name = []; 2. null check null인지 체크하는 if문 쓰면 됨 삼항연산자 쓰면 됨 ?? 써도 됨 → ?? 왼쪽 변수가 null이면 오른쪽 값 남겨 달라는 뜻 name[i].givenName ?? '이름이 없는 사람' Android 앱 발행 keytool 도구를 이용해서 키를 하나 생성해준다. 키 파일 저장하는 폴더 안의 내용물이 전부 삭제되니 반드시 새로운 폴더 만들어서 저장하기 에디터 터미널 오픈 → flutter doctor ..
[Flutter] 사용자 연락처 불러오기
·
Web & Android/Flutter
패키지 설치 1. pubspec.yaml 파일에 dependencies: 를 찾아 contacts_service: ^0.6.3 을 입력 dependencies: flutter: sdk: flutter permission_handler: ^8.3.0 contacts_service: ^0.6.3 2. 옆에 전구 모양 아이콘 클릭하여 pub get 실행 3. import 'package:contacts_service/contacts_service.dart'; 를 main.dart 파일 가장 상단에 추가 연락처 다루는 패키지 외부 패키지로 복붙해서 사용하면 되는 코드들 list로 모든 연락처 가져옴 var contacts = await ContactsService.getContacts(); 위의 코드는 연락처에..
[Flutter] 권한 팝업 요청 기능
·
Web & Android/Flutter
패키지 설치 1. pubspec.yaml 파일에 dependencies: 를 찾아 permission_handler: ^8.3.0 을 입력 dependencies: flutter: sdk: flutter permission_handler: ^8.3.0 2. 옆에 전구 모양 아이콘 클릭하여 pub get 실행 3. import 'package:permission_handler/permission_handler.dart'; 를 main.dart 파일 가장 상단에 추가 permission_handler.dart 파일에 있는 함수와 변수들을 가져다쓸 수 있게 해주는 문법이다. Android 기기 설정 1. android/gradle.properties 파일 확인 아래 코드가 입력되어 있는지 확인 후 없으면 추가..
[Flutter] 버튼에 기능 부여하는 법
·
Web & Android/Flutter
버튼에 기능 부여하는 법 FloatingActionButton() → 버튼에 기능 넣기 class _MyAppState extends State { var a = 1; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( floatingActionButton: FloatingActionButton( child: Text(a.toString()), onPressed: () { setState(() { a++; }); }, ), appBar: AppBar(), body: ListView.builder( itemCount: 3, itemBuilder: (c, i) { return ListTile( leading: I..