본문 바로가기
728x90

GetX2

[Flutter/플러터] getx를 사용하여 like 버튼(하트 버튼) 만들기 1. obs 변수를 만들어준다 var like = false.obs; 2. Obx 로 감싼 뒤, 위젯을 리턴해준다 Obx(() => CircleAvatar( backgroundColor: Colors.white, radius: 15, child: Center( child: IconButton( ... ), ), ), ), 3. 삼항 연산자를 사용해 조건에 알맞은 아이콘을 보여주도록 한다. product.like.value ? Icon(Icons.favorite_rounded) : Icon(Icons.favorite_border), 4. 눌렀을 때, 이벤트 처리 onPressed: () { product.like.toggle(); }, Obx(() => CircleAvatar( backgroundColor.. 2022. 9. 23.
[Flutter/플러터] 플러터 상태관리 - Getx(GetBuilder, Reactive State Manager)(1) Getx에는 GetBuilder 와 Reactive State Manager가 존재한다. 이에 대해서 알아보자.. https://pub.dev/packages/get 1. Simple State Manager with GetBuilder ▶ state가 변할 때 마다, 변한 state를 화면에 다시 그려줌 사용 예시) Controller controller = Get.put(Controller())); ... GetBuilder( builder : (_) => Text('${controller.x}') get을 통해 _x 값을 가져오며, increment를 통해 증가된 값을 확인하기 위래 변수 값이 바뀌었다고 알려주는 update 매서드를 호출해야 한다. class Controller extends Ge.. 2022. 9. 23.
728x90
반응형

티스토리툴바