Getx obx오류

 

 Getx로 코드를 짜고 있는데 자꾸 Obx관련 오류가 생겼다 이유인듯 하니 

아래 위젯을 만들어서 사용하고 있는데 

이 안에 있는 텍스트의 값이 변할 때 obx로 변화를 줘야 한다..!!

 

class ListSectionHeader extends StatelessWidget {
  // header row with single line of text for use has a table section header
  // background color and text color is hardcoded

  // Constructor
  ListSectionHeader(this.text);

  // Properties (must be final here)
  final String text;

  @override
  Widget build(BuildContext context) {
    return Container(
        height: 30,
        color: Colors.grey[200],
        child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 5),
            child: Align(
                alignment: Alignment.center,
                child: Text(
                  text,
                  style: TextStyle(fontSize: 15),
                ))));
  }

 

 

 

이 코드에서 Obx를 사용해야 할 곳은 ListSectionHeader 위젯입니다. ListSectionHeader 위젯은 값이 변경될 때마다 다시 렌더링해야 합니다. Obx는 값이 변경될 때마다 위젯을 다시 렌더링하는 도구입니다. 따라서 Obx를 사용하여 ListSectionHeader 위젯을 감싸면 값이 변경될 때마다 위젯이 다시 렌더링됩니다.

다음과 같이 코드를 수정하십시오.

 

바드의 코드

 

class ListSectionHeader extends StatelessWidget {
  // header row with single line of text for use has a table section header
  // background color and text color is hardcoded

  // Constructor
  ListSectionHeader(this.text);

  // Properties (must be final here)
  final String text;

  @override
  Widget build(BuildContext context) {
    return Obx(() => Container(
        height: 30,
        color: Colors.grey[200],
        child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 5),
            child: Align(
                alignment: Alignment.center,
                child: Text(
                  text,
                  style: TextStyle(fontSize: 15),
                ))));
  }
}