앱 개발/Flutter 5

[플러터] Appbar

글자 디자인 하기 Text()는 style: 안에 스타일을 넣을 수 있음 return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('앱제목'),), body: SizedBox( child: Text('안녕', style: TextStyle( color: Colors.Color(0xffaaaaaaa)),) ), ), ); 색 주는 법 1. Colors.색이름 2. Color(0xffaaaaaaa) (헥스칼라 넣기 전에 '0xff'는 미리 채워줘야함) 3. Color.fromRGBO() 글자 디자인하는 법 style: TextStyle() @override Widget build(BuildContext context) { return MaterialAp..

앱 개발/Flutter 2022.10.15

[플러터] margin, padding

Container()인데 사이즈만 필요하면 SizedBox() Container() 사용 시, Lint가 뜬다면 Container() 보다 훨씬 가벼운 SizdeBox() 사용 (width, height 이런 파라미터만 필요한 경우) Container() 에 여백주는 법 박스에 여백을 주고 싶으면 margin: 바깥 여백 padding: 안쪽 여백 여백 수치를 입력할 때 margin: EdgeInsets.all(30), padding: EdgeInsets.fromLTRB(10, 20, 30, 40), EdgeInsets.all() 안에 수치를 입력. EdgeInsets.all(30) 이렇게 하면 상하좌우 여백을 줄 수 있고 EdgeInsets.fromLTRB(10, 20, 30, 40) 이렇게 하면 왼쪽..

앱 개발/Flutter 2022.10.14

[플러터] Scaffold

유용한 MaterialApp() 위젯 구글이 제공하는 기본 플러터 테마는 크게 2개가 있는데 MaterialApp()는 뭔가 구글스러운 안드로이드 어플 느낌, Cupertino는 ios 어플 느낌이 든다고 한다. 왼쪽 같은 디자인을 사용하고 싶으면 일단 MaterialApp() 이라는 위젯으로 앱을 감싸면 된다. Q. 저는 구글스러운거 싫어요 커스텀 디자인을 넣고 싶은데요? ➜ 그래도 MaterialApp() 써야한다. 유용한 함수, 세팅들이 많이 포함되어 있어 작성하기 편함. 구글물을 빼는 작업을 나중에 하면 됨. (참고) Material Design 쓰려면 일단 pubspec.yaml 파일에 이런 항목이 켜져있어야 함 flutter: uses-material-design: true Scaffold()..

앱 개발/Flutter 2022.10.13

[플러터] Widget

Lint 관련 경고 무시 Flutter 2.5 버전 이후 부터는 Lint라는게 생겨서 좋은 관습같은걸 알려줌 test / analysis_options.yaml 파일 열어서 (analysis_options.yaml) rules: prefer_const_constructors: false avoid_print: false prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false prefer_const_literals_to_create_immutables: false //노란줄 안뜨게 위 4줄 입력하면 Lint 경고 안뜸. rules: 보다 prefer~: 가 스페이스바 2개만큼 앞에 있어야 한다. m..

앱 개발/Flutter 2022.10.13

플러터 오류 정리

Expanded / Flexible row나 columns 위젯의 children에만 사용할 수 있다. 다른 위젯 속에 사용한건지 확인 pub.dev 라이브러리 모음 // .... PlatformException .... // 오류 1.콘솔창에서 중지(빨간네모) 2. 아래 터미널에서 flutter clean 입력 3. 다시 avd실행 네이티브 코드가 포함된 플러그인 설치 시 오류, 다시 시작하여 패키징을 해줘야 함 앱에서 웹 접속 시, 자바스크립트 오류 javascriptMode: JavascriptMode.unrestricted 기본적으로 자바스크립트는 사용안함이 디폴트이므로 해제해줘야 Appbar 설정 시 안드로이드: 왼쪽정렬 애플: 가운데 정렬 이 디폴트 centerTitle: true, 설정해두면..

앱 개발/Flutter 2022.10.05