GetX 사용 설명서

Obx

Obx용 Controller 초기화

기존 인스턴스 사용

class PageOne extends StatelessWidget {

  Controller controller = Get.put(Controller());
  // instead of Controller controller = Controller();

}

class PageSeven extends StatelessWidget {

  Controller controller = Get.find();

}

GetBuilder

class Controller extends GetxController {

  int counter = 0;

  void increment() {
    counter++;
    update(); // look here!
  }

}

GetBuilder<Controller>( // specify type as Controller
  init: Controller(), // intialize with the Controller
  builder: (value) => Text(
    '${value.counter}', // value is an instance of Controller.
  ),
),

GetBuilder<Controller>( // no need to initialize Controller ever again, just mention the type
  builder: (value) => Text(
    '${value.counter}', // counter is updated when increment() is called
  ),
),

GetBuilder<Controller>(
  id: 'aVeryUniqueID', // here
  init: Controller(),
  builder: (value) => Text(
    '${value.counter}', // this will update
  ),
),

GetBuilder<Controller>(
  id: 'someOtherID', // here
  init: Controller(),
  builder: (value) => Text(
    '${value.counter}', // this won't update
  ),
),

class Controller extends GetxController {

  int counter = 0;

  void increment() {
    counter++;
    update(['aVeryUniqueID']); // and then here
  }

}

상태 관리 선택

GetBuilder

GetX

Obx

화면 이동

NextScreen으로 화면 마이그레이션

Get.to(NextScreen());

이전 화면으로 돌아갑니다.

Get.back();

이전 화면의 화면 이동을 되돌릴 수 없습니다

Get.off(NextScreen());

지금까지 경로가 모두 취소된 화면 이동

Get.offAll(NextScreen());

루트 화면으로 이동

Utils

SnackBar

Get.snackbar("タイトル", "詳細の内容");

대화상자 뷰

Get.defaultDialog(
  title: "タイトル",
  middleText: "詳細の内容",
  textCancel: "キャンセルボタン",
);

밑받침

Get.bottomSheet(
  Container(
    height: 300,
    color: Colors.white,
    child: Text("内容"),
));

GetX 사용 사례 및 복습

Step1

void main() => runApp(GetMaterialApp(home: Home()));

Step2

class Controller extends GetxController{
  var count = 0.obs;
  increment() => count++;
}

Step3

class Home extends StatelessWidget {

  @override
  Widget build(context) {

    // Instantiate your class using Get.put() to make it available for all "child" routes there.
    final Controller c = Get.put(Controller());

    return Scaffold(
      // Use Obx(()=> to update Text() whenever count is changed.
      appBar: AppBar(title: Obx(() => Text("Clicks: ${c.count.value}"))),

      // Replace the 8 lines Navigator.push by a simple Get.to(). You don't need context
      body: Center(child: ElevatedButton(
              child: Text("Go to Other"), onPressed: () => Get.to(Other()))),
      floatingActionButton:
          FloatingActionButton(child: Icon(Icons.add), onPressed: c.increment));
  }
}

class Other extends StatelessWidget {
  // You can ask Get to find a Controller that is being used by another page and redirect you to it.
  final Controller c = Get.find();

  @override
  Widget build(context){
     // Access the updated count variable
     return Scaffold(body: Center(child: Text("${c.count.value}")));
  }
}

참조 링크