Flutter 18

[플러터/Flutter] create and show Flutter Custom Dialog

Show CustomDialog showDialog( context: context, builder: (BuildContext context) { return Widget(); } ); Create CustomDialog 원하는 UI 의 위젯을 만들면 됩니다. 만약 다이얼로그에서 이전 화면으로 데이터를 전달하고 싶다면 아래처럼 호출하시고 void showCustomDialog() async { final result = await showDialog( context: context, builder: (BuildContext context) { return Widget(); } ); setState(() { aaa = result; }); } 다이얼로그에서 Navigator.of(context).pop(d..

Flutter(플러터) 2023.04.25

[플러터/Flutter] sound-null-safety 해결방법

플러터에서 배포파일을 만들 때 아래 이미지처럼 에러가 발생하는 경우가 있씁니다. 이런 경우 아래 이미지 처럼 Edit Configurations... -> Additional run args: 에 --no-sound-null-safety 를 입력하면 된다고 하는데, 말 그대로 run args 이기 때문에 배포할 때랑은 관계가 없습니다. aab 파일을 추출하는 flutter build appbundle 뒤에 --no-sound-null-safety 를 추가해주어야 해당 이슈를 무시하고 배포파일을 만들어줍니다. 이상입니다.

Flutter(플러터) 2023.03.10

[Flutter/플러터] 플러터 화면 이동 Navigator.push(), Navigator.pop(), MaterialPageRoute

class MainScreen extends StatelessWidget { const MainScreen({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Main Screen"), ), body: GestureDetector( child: Image.network("https://picsum.photos/250?image=9"), onTap: () { Navigator.push(context, MaterialPageRoute(builder: (_) { return DetailScreen(); })); // 아래처럼 사용할 수도 있습..

Flutter(플러터) 2023.01.19

[Flutter/플러터] show snackbar in flutter 플러터 스낵바(SnackBar) 만들기

2.x 버전 Scaffold.of(context).showSnackBar(SnackBar(content: Text("msg"))); 3.x 버전 ScaffoldMessenger.of(context) ..showSnackBar(SnackBar(content: Text("$result"))); 기존에 표시된 스낵바를 지우고 다시 표시하려면 ScaffoldMessenger.of(context) ..removeCurrentSnackBar() ..showSnackBar(SnackBar(content: Text("$result"))); 스낵바 형태 커스텀 SnackBar( content: Text('$result'), backgroundColor: Colors.blue, // 스낵바 배경색 duration: Dur..

Flutter(플러터) 2023.01.18

[Flutter/플러터] 이미지파일 호출 방법

플러터로 개발할 때는 선택한 모든 환경에서 동작해야하기에 별도 작업이 필요합니다. 1. 프로젝트 최상위 폴더에 images 폴더를 생성합니다. 2. 사용하고자하는 이미지 파일을 생성한 images 폴더에 저장합니다. 3. pubspec.yaml 파일을 엽니다. use-material-design: true 를 찾고 그 아래에 첨부 이미지 처럼 작성합니다. 4. 사용합니다. Image.asset( 'images/lake.jpg', width: 600, height: 240, fit: BoxFit.cover, )

Flutter(플러터) 2023.01.18

[Flutter/플러터] remove debug banner 디버그 배너 안보이게 하기

플러터로 앱을 개발할 때 에뮬레이터를 돌리거나 앱에 직접 실행할 때 debug mode 인 경우 아래 이미지처럼 우 상단에 DEBUG 배너가 붙게됩니다. 저는 개발할 때 보기 싫어서 항상 DEBUG 배너를 지우고 개발하는데요. 방법은 간단합니다. class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, //

Flutter(플러터) 2023.01.18