개발블로그 개발블로그

showDialog( context: context, builder: (context) { String sDate = dateFormat.format(selectedDate); return AlertDialog( title: Text("$sDate 작성"), content: TextField( controller: createTextController, ), actions: [ TextButton( onPressed: () { Navigator.pop(context); }, child: Text("취소")), TextButton( onPressed: () { model.create(selectedDate, createTextController.text); createTextController.text =..

데이터들의 상태를 매번 setstate로 호출하여 가져오지 않고 상태관리 위젯으로 관리하는 것입니다. 다음과 같은 데이터가 있다고 합시다. 첫번째 페이지에서는 데이터의 전체를 두번째 페이지에서는 그룹2에 해당하는 데이터를 세번째에서는 그룹1의 데이터만을 보여준다고 가정합시다. 각 페이지별로 데이터를 갖고있다고하면 페이지 1에서 데이터 1개를 삭제한다고 했을때 그 데이터가 그룹2인지 그룹1인지 확인하여 삭제해야 합니다. 상태관리 위젯들에서는 위와같은 데이터의 상태들을 일관성있게 관리하여 한쪽의 페이지에서 데이터가 변경되면 다른 페이지에서도 변경된 데이터가 적용되도록 관리할 수 있게 도와줍니다. 사용법을 알아봅시다. 우선 provider | Flutter Package (pub.dev)에서 install방법..

Sliver를 사용하여 스크롤 효과를 만드는 스크롤뷰 입니다. import 'package:flutter/material.dart'; class CustomExample extends StatefulWidget { const CustomExample({super.key}); @override State createState() => _CustomExampleState(); } class _CustomExampleState extends State { List top = []; List bottom = [0]; @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: CustomScrollView( slive..

Scaffold( backgroundColor: misoPrimaryColor, body: SafeArea( child: SizedBox( width: double.infinity, child: Stack( alignment: Alignment.center, children: [ Positioned( bottom: 0, child: Container( constraints: BoxConstraints(maxWidth: 400), child: Image.network(backgroundImgUrl), ), ), Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ SizedBox( height: MediaQuery.of(context).si..

import 'package:flutter/material.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData.dark().copyWith( scaffoldBackgroundColor: darkBlue, ), debugShowCheckedModeBanner: false, home: Scaffold( body: Center( child: MyWidget(), ), ), );..

1. flutter ,dart sdk 설치 및 환경변수 설정 flutter sdk 설치 환경변수 설정 임의의 위치에 압축을 해제합니다. 해당 위치를 복사하고 환경 변수 편집을 실행시킵니다. 시스템 속성 - 고급 - 환경변수 - Path 선택 - 편집 새로만들기 버튼을 누르고 다음과 같이 추가합니다. 위 경로는 flutter sdk 설치경로 입니다. 확인 하여 저장합니다. 2. Android Studio 설치 및 설정 Android Sutdio 위 링크에 접속하여 사용계약에 동의하고 다운로드를 받고 안드로이드 스튜디오를 설치합니다. SDK Manager를 실행합니다. sdk tools를 선택하고 android sdk command-line tools(latest)를 체크후 하단 OK - 설치하라는 내용이 ..