DevBoi

플러터는 관리를 안하면 한 화면에 너무 많은 위젯들이 담기게 되어 소스가 너무 길게 된다. 그래서 위젯별로 나눌수있도록 하는 방법에 대해서 알아보자 1. screen과 widget별로 나누는게 좋다. 버튼에 대한 코딩은 widget 폴더에, 화면 구성에 대한 패키지는 screen 하위에 두는 것이 좋은것같다. 나는 login 화면인, login.dart는 sreen에 이외 카카오버튼에 구성되는 widget은 별도로 뻈다. import 'package:boilerflutterapp/main.dart'; import 'package:boilerflutterapp/util/animations.dart'; import 'package:boilerflutterapp/util/const.dart'; import '..

1. 의존성 추가 shared_preferences: ^2.2.0 2. 텍스트 받을 위젯 세팅 final _contentEditController = TextEditingController(); child: TextField( controller: _contentEditController, style: TextStyle(color: Colors.black), decoration: InputDecoration( border: InputBorder.none, hintText: '메모를 입력해주세요', hintStyle: TextStyle(color: Colors.grey[300])), cursorColor: Colors.blue, ), 3. 인스턴스 초기화 (대부분 State단에서 선언) final Futu..

IOS 빌드에 추가하고, 해당 이미지를 외부에서 사용해야할때가 있다. 시작해보자 1. Images 폴더 생성후 이미지 넣기 2. pubspec.yaml의 assets부분 수정 3. pub get 4.그대로 사용 5. 빌드 결과 확인

플러터 프로젝트를 시작하면 아래와 같다. 카운터 어플리케이션 및 주석이 달려있다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage..

계속 앱의 상단에 정렬이 안된 상태로 글자가 있었는데 Center라는 위젯으로 이 텍스트를 감싼다면? 어플리케이션의 가운데에 이 글자가 정렬이 되게 된다. 또한 여러개를 넣을 수도있다. 이런식으로 컬럼이라는 속성도 존재한다. 프론트 개발을 할떄는 이렇게 외워야 할게 많은게 조금 킹받는다... 내가 덜익숙한거일수도... 다트는 형변환이 편하다. 그냥 달라를 붙이면 된다. counter를 참고하자. 무튼 이렇게 counter를 증가시킬수있고 mainAxisAlignment를 통해서 위젯안에 텍스트를 정렬할 수도 있다. 꿀 같은 사이트가 있다. https://flutterstudio.app AppBuilder 2 20180529-19:35 flutterstudio.app 미리 다 해볼수 없으니, 위젯을 사용해..

기존 프로젝트를 생성하게 되면, lib/main.dart , pubspec.yaml 파일 이 두개를 중점적으로 보면된다. main.dart는 소스코드가 적힌 파일이고, pubspec.yaml 파일은 외부 라이브러리나 디펜던시등이 정의된 파일이다. 일단 여기까지 하고 넘어가자