반응형 플러터 기초3 [Flutter] AppBar 앱바 만들기 | DEBUG 리본 없애기 | 메뉴 아이콘 추가하기 Contents 앱바(Appbar) 생성하기 - AppBar() home_screen.dart 파일 import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), ); } } 앱바(Appbar) 제목 지정하기 - title: return Scaffold( appBar: AppBar( title: Text('앱바 만들기'), ), ); 앱바(Appbar) 중앙 배치하기 - centerTitle: return Scaffold.. 2023. 2. 15. [Flutter] Hello Flutter 출력해보기 Hello Flutter 출력하기 플러터는 프로젝트를 생성하면 /lib/main.dart 파일에 자동으로 샘플 코드를 생성한다. 해당 부분을 지우고 코드를 작성하면 된다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Text( 'HELLO FLUTTER', ), ), ), ), ); } import 'package:flutter/material.dart'; - 머터리얼 디자인 관련 기능을 불러온다. - flutter/material.dart 를 불러와야 플러터에서 제공해주는 위젯 기능을 사용할 수 있다. void main() { runApp( Mate.. 2023. 1. 17. [Flutter] 플러터 개발환경 구축 및 세팅 / Flutter 환경변수 설정 Flutter 개발환경 구축하기 1. 윈도우 플러터 개발 환경 구축 (1) 플러터 SDK 다운받기 아래의 플러터 홈페이지에 접속해 플러터 SDK를 다운받는다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev [Windoews]를 클릭한다. 아래로 내려 Get the Flutter SDK를 찾아, flutter_windows_3.7.3-stable.zip 버튼을 클릭한다. 다운로드 받은 Flutter 파일을 원하는 위치에 압축을 풀.. 2023. 1. 14. 이전 1 다음 반응형
