아이언베어

Building layoutsFlutter Building layouts Tutorial Flutter layout Widget을 이용하여 위와 같은 App화면 만들기! 0. 기본 코드로 앱 만들기 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 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter layout demo', home: Scaf..

Introduction to widgets Basic widgets Flutter comes with a suite of powerful basic widgets, of which the following are commonly used: Text The Text widget lets you create a run of styled text within your application. Text 위젯은 app에서 스타일이 지정된 텍스트를 사용 할 수 있게 해준다. Text class - widgets library - Dart API A run of text with a single style. The Text widget displays a string of text with single style. T..

Row and Column classes Row and Column are classes that contain and lay out widgets. Widgets inside of a Row or Column are called children, and Row and Column are referred to as parents. Row lays out its widgets horizontally, and Column lays out its widgets vertically. Row와 Column은 widget을 포함하고 배치하는 class 이다. Row와 Column 안에 있는 Widget을 children이라고 부르고, Row와 Column을 parents라고 부른다. Row의 Widget은 수평으로..

crossAxisAlignment property The crossAxisAlignment property determines how Row and Column can position their children on their cross axes. A Row’s cross axis is vertical, and a Column’s cross axis is horizontal. The crossAxisAlignment property has five possible values: CrossAxisAlignment.start Positions children near the start of the cross axis. (Top for Row, Left for Column) - Row의 경우 위, Column..

medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e Flutter Layout Cheat Sheet Do you need simple layout samples for Flutter? I present you my set of Flutter layout code snippets. I will keep it short, sweet and simple… medium.com 그림으로 직관적으로 알아 볼 수 있게 해줌 코드도 있어서 붙여넣기로 실습해 볼 수 있음. mainAxisSize property Row and Column occupy different main axes. A Row’s main axis is horizontal, an..

flutter app webview 플러터앱에서 웹사이트 보기 먼저 안드로이드 스튜디오에서 플러터 프로젝트를 만든다. ios -> Runner ->info.plist에 하단에 io.flutter.embedded_views_preview YES 을 입력한다. 왼쪽 목록에서 pubspec.yaml file을 연다. dependencies에 webview_flutter: ^1.0.7를 추가 한 후 Pub get을 누른다. Process finished with exit code 0 란 메세지가 나타나면 성공. main.dart 파일에 기존에 있던 코드를 지우고 다음 코드를 붙여넣기한다. 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 ..