일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Flutter Example
- Row
- Image.network
- ListView.builder
- node.js
- Flutter Tutorial
- listview
- InkWell
- sqlite
- Cached Image
- Flutter 강좌
- flutter
- Snackbar
- Column Widget
- AppBar
- Load Image
- WillPopScope
- HTTP
- 반석천
- Row Widget
- MainAxisAlignment
- ListTile
- Hello World
- navigator
- Flutter 예제
- Scaffold
- FutureBuilder
- Flutter 앱 배포
- CrossAxisAlignment
- Networking
- Today
- Total
목록Root (261)
꿈꾸는 시스템 디자이너
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..
지난 4월에 이사를 온 후 처음으로 산책다운 산책을 했다. 내가 사는 대전 하기동은 개발제한구역에 근접한 지역으로 아파트 단지 주변으로 개발되지 않은 자연환경이 그대로 남아 있다. 반석천과 나란이 놓인 농로다. 차 한대가 겨우 지날 정도로 좁은 도로인데 왼편으로는 반석천이 흐르고 오른편으로는 논과 밭이 있다. 아직 추수하지 않은 논 집 주변에 이런 곳이 있다는게 놀랍고 반가웠다. 유성경찰서 옆길로 나무 그늘 속에서 산책하기 좋았다.
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 앱을 개발할 때 앱의 설정을 하는 페이지를 개발하여 이용하는 경우가 있다. 아래 예와 같이 메인 화면에서 앱 설정을 위해 설정 페이지로 이동한 후 설정작업을 마무리하고 메인화면으로 돌아오는 패턴이 이용된다. 설정 페이지(Second Page)에서 설정작업을 마치고 메인화면(First Page)로 돌아오는 방법은 AppBar의 화살표를 선택하거나 화면 하단의 백버튼을 선택하는 것이다. 그러면 위의 그림과 같이 메인화면으로 되돌아 오게 된다. 기본적은 소스코드는 다음과 같다. import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( titl..
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..