일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- Networking
- navigator
- MainAxisAlignment
- node.js
- Flutter 강좌
- listview
- FutureBuilder
- Column Widget
- Flutter 예제
- Flutter Example
- Cached Image
- 반석천
- Row Widget
- AppBar
- flutter
- Image.network
- Flutter 앱 배포
- ListView.builder
- HTTP
- Hello World
- ListTile
- Row
- Snackbar
- WillPopScope
- Scaffold
- Load Image
- Flutter Tutorial
- CrossAxisAlignment
- InkWell
- sqlite
- Today
- Total
목록Development/Flutter (83)
꿈꾸는 시스템 디자이너

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 시간에는 Flutter의 매트리얼 앱의 레이아웃을 구성하기 위해 주요하게 사용되는 Scaffold 컴포넌트에 대해서 알아보겠습니다. 소스코드는 다음과 같습니다. import 'package:flutter/material.dart'; void main(){ // 매트리얼앱을 실행 runApp(MaterialApp( title: "Flutter Tutorial", // 타이틀 설정 home: TutorialHome(), // 앱의 루트 경로 TutorialHome을 실행 )); } class TutorialHome extends StatelessWidget{ @override Widget build(BuildCont..

Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 Flutter의 Basic widgets을 이용해서 Material App을 작성해 봅니다. 역시 Android Studio에서 New Flutter Project를 선택하여 새로운 Flutter 프로젝트를 생성한 후 다음과 같이 작성합니다. import 'package:flutter/material.dart'; // 메인 함수. 프로그램의 시작점 void main(){ // MaterialApp을 실행. MaterialApp은 Flutter가 제공하는 material 디자인을 사용하는 앱을 의미함 runApp(MaterialApp( title: "My app", home: MyScaffold(), /..

Flutter 강좌 목록 : https://here4you.tistory.com/120 첫번째 Flutter 강좌로 Hello World를 만들어보겠습니다. 안드로이드 스튜디오에 Flutter 플러그인을 설치하면 안드로이드 스튜디오를 이용해서 Flutter 기반의 앱을 개발할 수 있습니다. 안드로이드 스튜디오에 Flutter 개발환경을 구성하는 방법은 Flutter 공식 사이트를 참고하시기 바랍니다. https://flutter.dev/docs/get-started/install Install Select the operating system on which you are installing Flutter:{{site.alert.note}} **Are you on Chrome OS?** If so, se..