flutterflow앱개발
-
flutterflow 사용해서 앱 만들기 - (7) 답변 페이지 디자인 수정프로그래밍/flutterflow로 어플만들기 2023. 4. 9. 19:26
flutterflow 사용해서 앱 만들기 (7) 답변 페이지 디자인 수정 진도를 더 나가기 전에 기출문제 페이지 디자인이 너무 구려서 좀 수정하고 가려고 한다. 우선 폰트는 시험 문제와 가까워보이는 나눔명조로 바꿨다. 위젯별로 변경 사항을 undo 할 수 있긴 한데 우선 디자인 수정 전에 현재 버전을 저장해둔다. 수정 전 버전 수정해야 할 내역 * 문제 카드를 백그라운드 컬러와 동일하게 * 문제 카드에서 튀어나온 부분 수정 (카드 형식) 문제카드 및 그 안의 텍스트들을 다 카드 위젯으로 감싸서 기본으로 텍스들에 다 카드 형태의 음영이 들어가 있고 카드 타입은 안의 백 그라운드 컬러 수정을 못해서 변경하고 싶은 card 타입을 container 타입으로 변경하였다. 변경 전 변경 후 그냥 바로 위젯 변경으..
-
flutterflow 사용해서 앱 만들기 - (4) 시험 문제 페이지 생성프로그래밍/flutterflow로 어플만들기 2023. 4. 7. 04:35
flutterflow 사용해서 앱 만들기 (4) 시험 문제 페이지 생성 기출문제가 나열되는 시험 문제 페이지를 생성하고 firestore에 저장한 기출문제와 연결해 보겠다. 아래와 같이 리스트뷰를 만들고 시험 문제를 담을 텍스트 위젯들을 추가하였다. 우선 데이터 연결만 테스트할 것이라 디자인은 신경쓰지 않았다. 리스트뷰의 설정페이지에서 backend Query 탭을 클린한다. Query Type에서 Query Collection을 선택한 후 collection에서 방금 생성한 firestore collection을 설정한다. 시험 문제가 번호 순서대로 나와야 하니 Ordering에서는 question_no를 오름차순 정렬로 선택한다. 그리고 각각 텍스트 위젯의 설정으로 가서 Text 설정 부분을 클릭해서..