Flutter/06 Basic (6) 썸네일형 리스트형 [Flutter] 안드로이드 스튜디오 설정 - 자동완성 기능 추가 안드로이드 스튜디오에서 "stful" 이라고 입력하면 특정 템플릿이 자동으로 생성되는것 처럼 원하는 템플릿을 추가할 수 있다. 1. 설정에서 아래 항목을 찾아서 추가 버튼 클릭. 2. "Live Template" 선택. 3. 템플릿 추가 - 필요한 정보 추가. 4. 타겟 언어 설정 후 완료. [Flutter] Firestore 구조 알아보기 Concept CollectionReference add() - 새로운 document 추가 doc() - return documentReference query 생성 - .get()을 통해서 querySnapshot 리턴 snapshot() - return stream get() - return querySnapshot DocumentReference - documentReference 는 document 의 위치를 나타낸다. DocumentReference docRef = FirebaseFirestore.instance.collection('abc').doc('123'); set(data) - data 추가/갱신(id 지정 가능) update(data) - data 갱신 delete() - docum.. [Flutter] Basic - key 이번에는 Key 에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 3.0.1 소스코드 위치 - Release 03_global_key · mike-bskim/key_test · GitHub Release 03_global_key · mike-bskim/key_test github.com 초기 화면은 아래와 같습니다. Key 는 우리가 생각없이 지나치지만 위젯을 이동/삭제할 경우 아주 중요한 핵심 포인트입니다. Todo 리스트 처럼 일정 순서를 이동/삭제 등 변경할때 주로 사용된다. Flutter 는 기본적으로 위젯의 타입으로 각자 구분하지만 동일한 위젯을 여러개 사용할때 구분할수 있는 포인트가 key 입니다. Key 종류는 아래와 같은데, 여기서는 상위 3개에 대해서.. [Flutter] Basic - ScaffoldMessenger 이번에는 ScaffoldMessenger 에 대해서 알아보겠습니다. ScaffoldMessenger 를 이용하면 스낵바를 다음 화면에까지 보여줄수도 있고 싫다면 다음화면 이동시 바로 사라지게 처리할수도 있습니다. 먼저 다음화면까지 이어지게 표시하고 싶다면 아래 화면을 참고하세요. 좋아요 클릭 >> 스낵바 표시(버튼 클릭) >> 2번째 페이지로 이동(스낵바 계속 표시) >> 5초후 스낵바 사라짐 void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @overrid.. [Flutter] Basic - Navigator 오늘은 네비게이션을 구현하는 2가지 방법/구조에 대해서 정리해 보았다. Navigator.push Navigator.pushNamed Navigator.push & Navigator.pop 방식으로 구현하는 경우. void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( pr.. [Flutter] Basic - BuildContext context BuildContext 에 대해서 몇가지 느낀점을 정리해보았다. 위젯트리에서 현재 위젯의 위치를 알수있는 정보 BuildContext는 위젯의 정보를 가짐 build 메소드에 의해 전해지는 context는 부모 위젯까지의 정보만 가짐 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyPage(), ); } } class MyPage exten.. 이전 1 다음
