전체 글 (84) 썸네일형 리스트형 Flutter Button 버튼의 종류 TextButton: 텍스트 버튼 IconButton: 아이콘 버튼 ElevatedButton: 예쁜 버튼 속성 child: Text같은거 지정 onPressed: 버튼이 눌렸을 때, 어떻게 동작하는가 style: 버튼의 스타일 예제 코드: import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBa.. 배치와 Scaffold 출처: https://www.youtube.com/watch?v=U6rLIFn59Kw MaterialApp -> google 스타일의 , 또는 커스텀 디자인의 (디자인 뿐만 아니라 기본세팅) Cupertino -> iphone 스타일의 애플리케이션 MaterialApp Scaffold -> 상단 중단 하단으로 구성되어있는 애플리케이션 개발용 appBar: (상단) body: (중단) bottomNavigationBar: (하단) 가로 배치: Row 세로 배치: Column 속성: mainAxisAlignment (Row의 경우 가로속성, Column의 경우 세로속성) crossAxisAlignment(Row의 경우 세로속성, Column의 경우 가로속성) Column 예시 Column( mainAxisA.. 기본 위젯 구현하기 안드로이드 스튜디오에서 New -> new flutter Project -> web을 추가하여 테스트 stless -> statelessWidget이 생성됨 text, icon, image, Text import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: Text('hello world'), ); } } Icon import 'package:flut.. 이전 1 2 3 4 5 6 7 8 ··· 28 다음