플러터 2

flutter - container / padding

컨테이너 위젯을 이용해보고 패딩을 설정해보자 코드는 간략하게 바디에서 컨테이너 위젯을 만들어준다 body: Container( padding: EdgeInsets.all(30), color: Colors.grey, child: Text('hello'), ), 패딩을 설정할때는 바로 패딩에 값을 넣어줄 수는 없고, EdgeInsets를 활용하여 값을 줄 수 있다. 위의 경우, 각각 패딩 30이 들어간다. 여기서 child 인 텍스트를 제거하는 경우, 화면 전체가 회색이 되지만, child로 Text 위젯을 주게되면, 텍스트를 감싸는 만큼에만 회색이 들어간다. 그리고 패딩 값을 준만큼 패딩이 들어간다. padding : EdgeInsets.symmetric(horizontal: 30.0, vertical: ..

mobile/flutter 2020.12.08

flutter 기본

플러터는 구글이 개발한 오픈 소스 모바일 애플리케이션 개발 프레임워크로 쉽게 예쁜 앱을 제작할 수 있다. 언어는 Dart를 기반으로 하고 있고, Dart는 다른 프로그램 언어의 기본적인 내용을 알고 있다면 쉽게 배울 수 있다. 클래스, 메소드 등을 이해하고 있다면 어렵지 않아보인다.. 플러터의 핵심은 widget, widget widget! 다 위젯이다. 자바처럼 main 함수가 있다. 한줄일때는 화살표 함수로 나타낼 수 있으며 괄호도 생략이 가능하다. ......그나저나 플러터가 안드로이드보다 리소스를 많이 먹는지 맥북에어에서 apk가 만들어지지 않는다 무한로딩이다 안드로이드를 겨우 버텨내는 2013 맥북에어.....버리고 싶다. 처음에 import 인 부분을 보면 dart를 사용한다는 것을 알 수 있..

mobile/flutter 2020.12.07