Flutter 플러터 랜덤 숫자 간단 사용법 Random

코드 예시 import 'dart:math'; import 'package:flutter/material.dart'; class ExamplePage extends StatefulWidget { const ExamplePage({Key? key}) : super(key: key); @override State createState() => _ExamplePageState(); } class _ExamplePageState extends State { int number = Random().nextInt(100); // 0 ~ 99 랜덤 Widget build(BuildContext context) { return Scaffold(); } }

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

Flutter 플러터 앱 상태 확인하기 AppLifecycleState

예시 코드 import 'package:flutter/material.dart'; class ExamplePage extends StatefulWidget { const ExamplePage({Key? key}) : super(key: key); @override State createState() => _ExamplePageState(); } class _ExamplePageState extends State with WidgetsBindingObserver { @override void didChangeAppLifecycleState(AppLifecycleState state) { switch (state) { case AppLifecycleState.resumed: print("앱이 표시되고 사용자..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

Flutter 플러터 진동 간단 사용법 vibration

패키지 정보 vibration | Flutter Package A plugin for handling Vibration API on iOS, Android, and web. pub.dev 터미널 설치 flutter pub add vibration 코드 작성 import 'package:vibration/vibration.dart'; void OnVibration() { Vibration.vibrate(duration: 1000); //1000 = 1초 }

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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); }, ), )..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

Flutter 플러터 화면 전환 Navigator.push 간단 사용법

코드 예시 Widget build(BuildContext context) { return Scaffold( body: Center( child: ElevatedButton( child: Text( "메인 화면 이동", ), onPressed: () { Navigator.push( context, MaterialPageRoute(builder: (context) => MyApp()), ); }, ), )); } }

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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 ), )), ); }

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 24.
• textsms

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...

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 22.
• textsms

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 ..

• format_list_bulleted 개발/플러터 (Flutter)
• · 2022. 12. 22.
• textsms