Column

Web Programming/Flutter&Dart

Flutter Wrap 사용법

Flutter Wrap위젯은 이미지나 Container 같은 위젯들을 가로로 여러 장을 나열했을 때, 화면을 넘어 Overflow가 되는 경우가 있다 이때, Overflow가 되는 위젯을 아래로 배치해주는 것이 Wrap위젯이다 그럼 한번 사용해 볼까 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is th..

Web Programming/Flutter&Dart

Flutter 정렬 (CrossAxisAlignment, MainAxisAlignment)

Flutter의 화면에서 왼쪽배치를 할 것인지, 가운데에 배치할 것이 아니면 위에 아니면 밑에 배치할 것인지 정하게 하는 방법 이 있다 Column일 경우와 Row일 경우에 배치하는 법을 알아보도록 하겠다 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your applicatio..

Web Programming/Flutter&Dart

ListView와 SingleChildScrollView (새로 스크롤, 가로 스크롤)

1. ListView ListView는 새로 스크롤을 생기게 하는 방법이다. 일단 처음 코드를 보도록 한다 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return Materi..

Web Programming/Flutter&Dart

가로, 새로로 배치 하기 (Column과 Row)

1. 처음 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( home: const PracticePage(), ); } } practice_..

INICO
'Column' 태그의 글 목록