Flutter (1.1 : 메모장 배열 추가,삭제 )

김제형·2025년 2월 6일

배열

List<String> items = ['item1','item2','item3'];

  items.add('new item'); //1
  items.remove('item1'); //2
  items.removeAt(1); //3
}
  1. 배열에 추가
  2. 배열에 있는 같은 이름의 값 삭제
  3. 배열에 있는 index번호로 삭제

StatefulWidget

  • 메모장에 존재하는 추가, 삭제 버튼이 눌러도 동작하지 않는 것은 배열상에선 지워졌지만 화면이 reload가 되지 않아서 그런 것이다.

  • StatefulWidget 코드 마지막에 다시 그려져야 하는 모든 코드를 넣어두고 onpressed 동작이 발생하였을 때 화면을 다시 그려줄 수 있는 코드를 만들어 주어야 한다.

 IconButton(
              onPressed: (){
                setState(() {
                  items.add('new item');
                  print(items);
                });
              },
  • 추가 버튼을 실시간으로 적용시켜주는 setstate안에 넣어 작동시킨다
    ( 이 코드는 물론 삭제에도 동일하게 적용된다. )
  1. => : 중괄호와 return이 축약된 것이다.
  2. 언더스코어(_) : 라이브러리 내에서 private class를 선언할 때 사용한다.

  State<MyMemoAppPage> createState() => _MyMemoAppPageState();
}
profile
개발자 지망생

0개의 댓글