app

app/Flutter

[Flutter] 레이아웃 배치 Scaffold, 스타일

레이아웃 Scaffold Scaffold( appBar: AppBar(), body: SizedBox(), bottomNavigationBar: BottomAppBar() ), 스타일 주는 법 사이즈 Container( width: 100, height: 100 ), 너비 무한으로 주기 width: double.infinity 마진 margin: EdgeInsets.fromLTRB(10, 20, 30, 40) 그 외 decoration: BoxDecoration( border: Border.all(color: Colors.black) ) 정렬 Center( child: ), Align( alignment: Alignment.bottomLeft ),

app/Flutter

[Flutter] 위젯 - 텍스트, 이미지, 아이콘, 박스

기본 틀 생성 stless 치고 Tab키 누르면 텍스트 위젯 Text('텍스트') class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Text('안녕') ); } } 이미지 위젯 Image.asset('경로') 이미지 등록하는 법 프로젝트 우클릭해서 assets디렉토리 생성하고 이미지 파일들을 넣는다. pubspec.yaml 파일을 열어서 flutter: 아래에 assets: - assets/ 아이콘 위젯 Icon(Icons.아이콘명) 박스 위젯 SizedBox() Container()

app/Flutter

[Flutter] 플러터 설치 및 세팅

플러터 설치 https://flutter-ko.dev/get-started/install Choose your development platform to get started Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems. docs.flutter.dev 안드로이드 스튜디오 설치 https://developer.android.com/studio/install?hl=ko Android 스튜디오 설치 | Android Developers Windows, macOS 또는 Linux에서 Android 스튜디오를 설정 및 설치합니다. developer.android..

eunjin-park
'app' 카테고리의 글 목록