개발공부/Flutter (ft.Dart)(5)
-
플러터 페이지 이동하는 법
1. 다음 페이지로 이동하기 Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), // 이동하려는 페이지 ); 2. 현재 화면 종료 Navigator.pop(context); 뒤로가기시 사용하면된다. 3. Named Route url주소처럼 각페이지마다 라우트 이름을 지정해준다.
2023.12.03 -
다트 문법 공부
보호되어 있는 글입니다.
2023.11.26 -
카드 뒤집기 기능 구현
우선 flip effect를 manage하기위한 StatefulWidget을 만들어주었다. class Cards extends StatefulWidget { final String cardTitle; final List result; final String question; Cards({ Key? key, required this.cardTitle, required this.result, required this.question, }) : super(key: key); @override _CardsState createState() => _CardsState(); } 그리고 handleCardClick이라는 함수를 만들어 isFlipped state를 toggle시켜주고 selectedCardIndex에..
2023.08.13 -
flutter에서 notion api 호출하기
이번 Flutter 프로젝트에서도 Notion Api를 호출한다. 바로 이전 Next.js 플젝에서 사용하였는데도 중간중간 삐걱거려서 이번엔 블로그에 정리해두기로했다. 우선 노션 developers에서 integration을 추가해준다. Notion API developers.notion.com DB로 사용하려는 나의 노션 페이지로가서 방금 만든 integration을 검색하여 connect해준다. 이제 테스트를위해 database_id와 api token이 필요하다. 나는 DB를 inline으로 만들어두었기때문에 open as full page로 가야한다. fullpage로 갔을때 url의 'notion.so/' 뒤부터 '?' 앞까지가 나의 database_id이다. api token은 integrat..
2023.07.18 -
플러터에서 반복문 돌려 카드박스 만들기
플러터 공부를 드디어 시작하였다. 생각하고있는 프로젝트는 아주 간단한 프로젝트라, 처음 접하는 언어 다트를 공부하며 진행해보기에 아주 적합한거같다. 우선, DB에서 카테고리를 불러오면 각 카테고리마다 카드 박스를 만들어야한다. 오늘의 최종 화면은 이렇게 나오면 완성! 제일 먼저 StatelessWidget, StatefulWidget과 같은 flutter를 구성하는 widget불러오기 위해서 아래처럼 import해주고, 기본 세팅을 마친다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } 현재화면의 껍데기(?)를위해 Stateless widget을 먼저 만들어주고, class MyApp extends Statel..
2023.07.13