일단 가장 먼저 만들 기능은, 사용자가 몇개의 문제를 맞고 몇개의 문제를 틀렸는지 점수를 기록하는 기능이다.
일단 이 기능은 가장 밑에 들어가야되니까 위의 위젯들을 잠시 모두 접어주고, 그 밑에 수평으로 몇개를 맞고 틀렸는지 나열해야하니까 Row를 넣어줬다. 그리고 그 안에 children으로 widget을 넣어준 뒤 Icon으로 체크 표시를 넣어줬다!
그리고 X 표시까지 넣어줬는데 이제 이 두가지 아이콘을 가지고 사용자가 문제를 맞았을 때는 초록색 체크, 틀렸을때는 빨간색 X 아이콘을 띄워서 순서대로 나열할 예정이다
지금은 내가 그냥 복붙으로 넣어준건데, 이런 식으로 결과가 나열되다가 사용자가 문제를 모두 풀면 아이콘이 모두 삭제하려한다.
우선 scoreKeeper 이라는 리스트를 만들어준 뒤 아이콘들을 안에 넣어줬다.
그 뒤 Row 안에다가 자식요소로 scoreKeeper 리스트를 넣어줬다.
그리고 scoreKeeper 리스트를 정의해줄때 List <아이콘> 이런식으로 정의를 해줬는데, 만약 리스트에 들어가는 내용이 문자열이면 String, 정수형이면 Int로 넣어주면 되고 Widget도 들어간다.
이렇게 맞지 않는 데이터타입을 넣어주면 오류가 난다!
이제 True 버튼을 누르면 체크 표시, False 버튼을 누르면 X 표시가 화면에 표시되도록 해보려한다.
이렇게 onPressed 안에 리스트명.add를 한 뒤에 원하는 icon과 효과들을 주면 된다. 그 뒤 setState를 추가해주면 잘 작동한다! False 버튼에도 똑같이 넣어주면 두개의 버튼을 누를때마다 밑에 아이콘이 잘 뜨는 것을 확인할 수 있다.
오랜만에 돌아온...
세줄요약-
1. Dart에도 Python처럼 리스트가 있다. 2.List <> 안에 특정 데이터타입을 넣어줄 수 있는데, 이때 <> 안에 들어간 데이터타입과 List 안에 들어간 데이터타입이 다르면 오류가 난다. 3. 이번 시간에 배운 내용으로는 List를 사용하기 위해서 onPressed 안에 list.add를 사용하면 되는듯!