반응형 [클라이언트]/[Flutter]71 [Flutter] 다양한 예제 연습 환경들 1. 안드로이드 스튜디오 2. http://dartpad.dev DartPad dartpad.dev NewPad -> Flutter -> Create 참고로 dartpad.dev를 Flutter 예제로 이용해보려면, 크롬을 추천한다. 3. https://flutterstudio.app/ AppBuilder 2 20180529-19:35 flutterstudio.app 드래그 & 드롭으로 위젯을 간단히 시험 가능. 위젯을 드래그 & 드롭하여 화면에 배치하고 '{} source code' 를 누르면 소스 코드를 확인할 수 있다. 하지만 코드 수정은 불가능하다. 2021. 8. 14. [Flutter] Widget / 위젯 - 화면 배치에 쓰이는 기본 위젯들 화면을 구성하는 컴포넌트 : 위젯. https://flutter.dev/docs/development/ui/widgets Widget catalog A catalog of some of Flutter's rich set of widgets. flutter.dev 화면 배치에 쓰이는 기본 위젯들 Container - 다양한 프로퍼티를 갖고 있어서 사용하기에 따라 많은 응용이 가능하다. - 가로/세로 길이, 색, 패딩, 마진 등의 설정이 가능하고, child 프로퍼티로 또 다른 위젯을 자식으로 가질 수 있다. body: Container( color: Colors.red, width: 100, height: 100, padding: const EdgeInsets.all(8.0), margin: const E.. 2021. 8. 14. [Flutter] 코드 자동 완성 팁 stless - StatelessWidget 클래스 빠르게 작성 가능 stful - StatefulWidget 클래스 빠르게 작성 가능 2021. 8. 14. [Flutter] 앱 구조 import 'package:flutter/material.dart'; // a void main() => runApp(MyApp()); // b class MyApp extends StatelessWidget { ... } // c class MyHomePage extends StatefulWidget { ... } // d class _MyHomePageState extends State { ... } // e MyHomePage와 _MyHomePageState는 앱의 화면을 나타내는 코드다. 모든 코드는 사실상 _MyHomePageState에 작성한다. a. 플러터에서는 화면을 그리는 모든 디자인 요소를 위젯(widget)이라 하며, package:flutter/material.dart 패키지에는 .. 2021. 8. 14. 이전 1 ··· 12 13 14 15 16 17 18 다음 반응형
