단순 상태 관리 목차 1. 버튼, 페이지 구현 2. Controller 영역 구현 3. 위젯 단위로 분리하기 4. id값을 통한 독립적 상태 관리 1. 버튼, 페이지 구현 버튼을 누르면 카운트가 되는 간단한 예제를 GetX 방식으로 구현해보자. (main.dart) import 'package:flutter/material.dart'; import 'package:flutter_getx/src/home.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildCo..
환경 설정, 라우트 관리, Argments, transition, 동적 url 전달 목차 1. GetX의 장점 2. 세팅 하기 3. 라우트 관리 4. transition 5. Argments 전달 6. 동적 url 전달 1. GetX의 장점 Flutter를 위한 매우 가볍고 강력한 라이브러리이며 강력함을 뒷받침 하고 있는 3가지 기본 원칙이 있으며 다음과 같습니다. 첫째. 생산성 - 간결하게 표현할 수 있습니다. - 컨트롤러들을 사용하고 반환시켜주는 처리를 신경 쓰지 않아도 알아서 GetX에서 사용되지 않을 때 제거해주기 때문에 개발자분들은 더욱더 개발에만 신경 쓸 수 있습니다. 둘째. 성능 - GetX는 성능과 최소한의 리소스 소비에 중점을 둡니다. - GetX는 Streams나 ChangeNotifi..
const 생성자를 사용하는 이유 Error : 'Prefer const with constatnt constructors' 위젯을 const 로 선언하면 불필요한 위젯의 rebuild를 줄임으로써 성능 향상에 도움을 줄 수 있다! const 키워드를 사용하여 위젯을 만들면 앱의 수명(lifetime) 동안 위젯이 변경되지 않는다. 이를 통해 플러터는 런타임이 아닌 컴파일 타임에 위젯 작성을 수행하므로 빌드 프로세스를 최적화할 수 있다!(const는 런타임에서 정의되는 final 상수와 달리, 컴파일 타임에서 상수를 정의하기 때문) 위의 이미지에서 보이는 Text 위젯의 경우 앱의 수명 동안 변경되지 않는 상수 문자열이기 때문에 IDE에서 위젯을 const로 선언할 것을 권장하고 있다. 컴파일러는 모든 ..
기본으로 내장되어있는 MaterialApp 위젯을 누락시키면 해당 에러가 발생한다. Material Design이 기본적으로 제공되어지기 위해 MaterialApp 위젯이 runApp 함수를 통해 배치되어야하기 때문이다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget{ Widget build(BuildContext context) { return Scaffold( appBar:AppBar( title: Text('hello world'), ), body:Center( child: Column( children:[ TextButton(onPressed: () ..