반응형 개발/Flutter32 Flutter 플러터 설정 화면 UI 간단 구현 setting ui 패키지 정보 settings_ui | Flutter Package Create native settings for Flutter app in minutes. Use single interfaces to build pub.dev 패키지 설치 flutter pub add settings_ui 코드 예시 import 'package:settings_ui/settings_ui.dart'; import 'package:flutter/material.dart'; bool vibration = false; class ExamplePage extends StatefulWidget { const ExamplePage({Key? key}) : super(key: key); @override State createState.. 2022. 12. 24. Flutter 플러터 다이얼로그 Dialog 대화 상자 간단 사용법 ShowDialog barrierDismissible : 바깥 영역 터치시 닫을지 여부 title : 제목 center : 내용 actions : 버튼 코드 예시 Widget build(BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( child: Text( "다이얼로그 열기", ), onPressed: () { showDialog( context: context, barrierDismissible: true, //바깥 영역 터치시 닫을지 여부 결정 builder: ((context) { return AlertDialog( title: Text("제목"), content: Text("내용"), actions: [ C.. 2022. 12. 24. Flutter 플러터 스낵바 SnackBar 간단 사용법 코드 예시 import 'package:flutter/material.dart'; class ExamplePage extends StatefulWidget { const ExamplePage({Key? key}) : super(key: key); @override State createState() => _ExamplePageState(); } class _ExamplePageState extends State { Widget build(BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( child: Text( "스낵 바 열기", ), onPressed: () { OpenSnackBar(context); }, ), ).. 2022. 12. 24. Flutter 플러터 화면 전환 Navigator.push 간단 사용법 코드 예시 Widget build(BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( child: Text( "메인 화면 이동", ), onPressed: () { Navigator.push( context, MaterialPageRoute(builder: (context) => MyApp()), ); }, ), )); } } 2022. 12. 24. Flutter 플러터 Text 크기 변경, 정렬, 색깔 변경 간단 사용법 Text textAlign : 정렬 여부 fontSize : 폰트 크기 fontWeight : 폰트 효과 color : 폰트 색깔 예시 코드 Widget build(BuildContext context) { return Scaffold( body: Center( child: Text( "안녕하세요", textAlign: TextAlign.center, style: TextStyle( fontSize: 26, fontWeight: FontWeight.bold, color: Colors.black ), )), ); } 2022. 12. 24. Flutter 플러터 Appbar 간단 사용법 Appbar centerTitle : 텍스트 가운데 정렬 여부 automaticallyImplyLeading : 뒤로가기 버튼 제거 여부 elevation : 그림자 제거 backgroundColor : 배경 색 title : 제목 leading : 왼쪽 아이콘 버튼 actions : 오른쪽 아이콘 버튼 예시 코드 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( centerTitle: true, automaticallyImplyLeading: true, elevation: 0, backgroundColor: Colors.white, title: Text("제목"), leading: IconButton( icon: Icon(Ico.. 2022. 12. 24. Flutter 플러터 배경 음악 실행 간단 구현 assets audio player 패키지 정보 assets_audio_player | Flutter Package Play music/audio stored in assets files directly from Flutter & Network, Radio, LiveStream, Local files. Compatible with Android, iOS, web and macOS. pub.dev 터미널 설치 flutter pub add assets_audio_player pubspec.yaml 설정 flutter: assets: - assets/audios/ 코드 작성 import 'package:assets_audio_player/assets_audio_player.dart'; import 'package:flutter/material... 2022. 12. 22. Flutter 플러터 개발 환경 설치 VSCode, Github , Android Studio 플러터 Flutter 설치 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 Visual Stuido Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and .. 2022. 12. 22. 이전 1 2 3 다음 반응형
