일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Row
- MainAxisAlignment
- Image.network
- flutter
- Flutter 강좌
- Snackbar
- HTTP
- WillPopScope
- listview
- ListTile
- Hello World
- ListView.builder
- sqlite
- Cached Image
- Networking
- Load Image
- navigator
- Scaffold
- Flutter Example
- AppBar
- 반석천
- Flutter 앱 배포
- node.js
- Column Widget
- FutureBuilder
- Row Widget
- Flutter Tutorial
- InkWell
- CrossAxisAlignment
- Flutter 예제
- Today
- Total
목록flutter (55)
꿈꾸는 시스템 디자이너
import 'package:flutter/material.dart'; class RowWidgetBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Basic Row Widget")), // insert a Row widget in body body: Row( children: [ // Add three sub-widget in the Row widget boxWidget(), boxWidget(), boxWidget(), ], ), ); } boxWidget() { return Container( height: 50, width: 5..
import 'package:flutter/material.dart'; class CenterWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Center Widget Demo")), body: Center( child: Text("This text is center aligned through the center widget."), ), ); } } ▶ Go to Table of Contents | 강의 목차로 이동 ※ This example is also available in the Flutter Code Examples app..
import 'package:flutter/material.dart'; class ScaffoldPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("This is my AppBar")), body: Text("This body has one Text widget"), ); } } ▶ Go to Table of Contents | 강의 목차로 이동 ※ This example is also available in the Flutter Code Examples app. | 본 예제는 Flutter Code Examples 앱에서도 제공됩니다. ..
import 'package:flutter/material.dart'; class HelloWorld extends StatefulWidget { @override HelloWorldState createState() => HelloWorldState(); } class HelloWorldState extends State { @override Widget build(BuildContext context) { return Center( child: Text("Hello World"), ); } } ▶ Go to Table of Contents | 강의 목차로 이동 ※ This example is also available in the Flutter Code Examples app. | 본 예제는 Flut..
Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 이번 강좌에서는 사용자가 스마트폰의 가로로 회전시키더라도 화면이 로테이션되지 않도록 고정하는 방법에 대해서 알아본다. 이 방법은 Flutter의 기본 패키지 중 services 패키지를 이용한다. main 함수를 가지는 파일(보통 main.dart)에 다음의 패키지를 추가한다. import 'package:flutter/services.dart'; main 함수 안에 runApp() 함수 호출 전 단계에서 다음의 코드를 추가한다. SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); setPreferredOrientations 메소드는 배..
Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 애뮬레이터를 이용해서 앱을 개발하면 기본적으로 애뮬레이터의 화면이 항상 켜진 상태로 유지된다. 하지만 실제 스마트폰에서 앱을 실행하고 사용자와의 인터랙션이 없으면 일정 시간 이후 화면이 자동으로 꺼지게 된다. 이번 강좌에서는 앱이 실행되는 동안 화면이 자동으로 꺼지는 것을 방지하는 방법에 대해서 알아본다. Flutter의 기본 기능으로는 불가능 하고 screen이라고 하는 별도의 외부 패키지를 설치해야 한다. screen 패키지의 정보는 다음의 사이트에서 확인 가능하다. 고맙게도 Android와 iOS 모두에서 사용이 가능하다. https://pub.dev/packages/screen screen | Flutt..
Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서 하나의 Scaffold를 여러 클래스로 분할해서 구현하는 방법에 대해서 알아보았다. https://here4you.tistory.com/151 Flutter 강좌2 - 소스코드(위젯) 분할 Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서는 Hello World를 출력하기 위한 최소한의 소스코드를 작성하고 그 결과를 확인해봤다. 소스코드를 다시 한번 확인해보자. import 'pac.. here4you.tistory.com 자식 State에서 부모 State의 필드를 참조하고 그 값(state)를 변경하는 방법은 다음과 같다. import..
Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 지난 강좌에서 스낵바를 출력하는 방법에 대해서 살펴본적이 있다. https://here4you.tistory.com/121 Flutter 강좌 - Display a snackbar | 스낵바 사용법 Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 스낵바의 사용법에 대해서 알아본다. 안드로이드에 토스트 메시지가 있다면 Flutter에는 스낵바 위젯이 있다. 스낵바의 모습은 다음과 같.. here4you.tistory.com 지난 강좌의 소스코드를 살펴보면, 딱히 어려운 부분이 없는 쉬운 소스코드였다. 그래서 편하게 스낵바를 사용하면 되는줄 알았는데 그게 생각..