목록Flutter 강좌 (90)

꿈꾸는 시스템 디자이너

Flutter Example - Column Widget - Basic

import 'package:flutter/material.dart'; class ColumnWidgetBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Basic Column Widget")), body: Column( children: [ boxWidget(), boxWidget(), boxWidget(), ], ), ); } boxWidget() { return Container( height: 50, width: 50, decoration: BoxDecoration( color: Colors.blue[400], border: B..
Tutorial/Flutter with App 2019. 9. 24. 15:52
Flutter Example - Row Widget - CrossAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetCrossAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - CrossAxisAlignment")), body: ListView( children: [ Text("default (CrossAxisAlignment.center)"), Container( decoration: BoxDecoration( color: Colors.grey[200], border: Border.all(color: Colors.i..
Tutorial/Flutter with App 2019. 9. 24. 15:41
Flutter Example - Row Widget - MainAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetMainAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - MainAxisAlignment")), body: ListView( children: [ Text("Default (MainAxisAlignment.start)"), Container( child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ boxWidget(), boxWidget..
Tutorial/Flutter with App 2019. 9. 24. 15:37
Flutter Example - Row Widget - Basic

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..
Tutorial/Flutter with App 2019. 9. 24. 15:28
Flutter Example - Center Widget

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..
Tutorial/Flutter with App 2019. 9. 24. 15:25
Flutter Example - Scaffold

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 앱에서도 제공됩니다. ..
Tutorial/Flutter with App 2019. 9. 23. 15:09
Flutter Example - HelloWorld

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..
Tutorial/Flutter with App 2019. 9. 23. 14:22
Flutter 강좌 - 화면 회전 방지 설정법 | 화면 로테이션 방지 | 화면 오리엔테이션 설정 | Screen Orientation

Flutter 강좌 시즌2 목록 : https://here4you.tistory.com/149 이번 강좌에서는 사용자가 스마트폰의 가로로 회전시키더라도 화면이 로테이션되지 않도록 고정하는 방법에 대해서 알아본다. 이 방법은 Flutter의 기본 패키지 중 services 패키지를 이용한다. main 함수를 가지는 파일(보통 main.dart)에 다음의 패키지를 추가한다. import 'package:flutter/services.dart'; main 함수 안에 runApp() 함수 호출 전 단계에서 다음의 코드를 추가한다. SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); setPreferredOrientations 메소드는 배..
Development/Flutter 2019. 9. 18. 14:40
Prev 1 ··· 3 4 5 6 7 8 9 ··· 12 Next