노코드어플만들기
-
flutterflow 사용해서 앱 만들기 - (6) 페이지간 파라미터 전달프로그래밍/flutterflow로 어플만들기 2023. 4. 7. 22:57
flutterflow 사용해서 앱 만들기 (6) 페이지간 파라미터 전달 지금까지 기출 시험 리스트가 나열되는 "메인 페이지"와 기출 문제가 나오는 "문제 페이지" 두 개를 각각 작성하였다. 이제 메인의 기출시험 카드를 클릭하면 그 카드에 해당되는 기출문제가 나오도록 두 페이지를 파라미터로 연결하는 작업을 해보겠다. 기출 시험 카드를 선택하고 오른쪽의 액션 플로우로 이동해서 "Add Action" 버튼을 클릭한다. 그리고 카드를 클릭할경우 문제리스트 페이지로 이동하도록 선택을 한다. 그리고 이동시 전달할 파라미터를 Parameters 섹션에서 선택할 수 있다. 이동하는 페이지에 이미 정의된 파라미터가 있을 경우 Pass 버튼을 선택해서 기존 파라미터를 선택하고 기존에 설정된 파라미터가 없거나 새로운 파라미..
-
flutterflow 사용해서 앱 만들기 - (4) 시험 문제 페이지 생성프로그래밍/flutterflow로 어플만들기 2023. 4. 7. 04:35
flutterflow 사용해서 앱 만들기 (4) 시험 문제 페이지 생성 기출문제가 나열되는 시험 문제 페이지를 생성하고 firestore에 저장한 기출문제와 연결해 보겠다. 아래와 같이 리스트뷰를 만들고 시험 문제를 담을 텍스트 위젯들을 추가하였다. 우선 데이터 연결만 테스트할 것이라 디자인은 신경쓰지 않았다. 리스트뷰의 설정페이지에서 backend Query 탭을 클린한다. Query Type에서 Query Collection을 선택한 후 collection에서 방금 생성한 firestore collection을 설정한다. 시험 문제가 번호 순서대로 나와야 하니 Ordering에서는 question_no를 오름차순 정렬로 선택한다. 그리고 각각 텍스트 위젯의 설정으로 가서 Text 설정 부분을 클릭해서..