Vintage appMaker의 Tech Blog

chatGPT는 개발자 입장에서는 결코 무시할 수 없는 솔루션이다. 수많은 활용예제들이 나오고 있지만 가장 유효성이 높고 실용적인 답변은 programming 정보이기 때문이다. 그런 점에서 chatGPT의 open API를 이용한 예제들이 빠른 속도로 github에 올라오고 있다. 다음은 Flutter에서 chatGPT를 사용하는 방법을 설명한 유튜브 컨텐츠이다. 그리고 소스도 github에 올라온 상태이다. - 유튜브 동영상 : Codepur의 채널 - github 소스 GitHub - iampawan/ChatGPT-Flutter-AIChatBot: A Chatbot chat app built using the Flutter framework and OpenAI's GPT-3 language mo A..

Row에서 화면의 다른크기의 문자들을 아래줄부터 맞추어야 할 때는 Row의 textBaseline 파라메터를 TextBaseline.alphabetic로 넘긴다. 그리고 crossAxisAlignment 파라메터를 CrossAxisAlignment.baseline으로 넘긴다. 부모위젯의 범위에 벗어나는 위치에 위젯을 배치하고자 한다면 Baseline 위젯을 사용할 때도 있다. 단, 부모위젯의 크기가 Fix가 된 상태여야 하며, baseline을 기준으로 위치를 지정해야 한다. baseline 파라메터는 부모위젯의 baseline을 기준으로 얼마만큼 이동할 지를 설정한다. -값을 가질 경우, 위로 향한다. baselineType 파라메터는 일반적으로 TextBaseline.alphabetic을 설정한다. ..

앱에서 화면을 스크롤 시, 앱바가 투명화되는 경우가 많다. 그런 화면을 Flutter에서 구현하고자 한다면 1. ScrollController에서 addListener로 스크롤위치를 처리하는 핸들러를 정의한다. 2. 화면의 메인을 Scroll처리를 하는 위젯으로 정의하고 controller를 등록한다. 3. AppBar에서 변경되는 scroll 위치에 따라 background이 투명도를 지정한다. 4. AppBar에서는 파라메터 설정으로 evalation을 0.0으로 한다.그리고 Scaffold에서 extendBodyBehindAppBar 를 true로 설정한다. 다음은 전체소스이다. import 'package:flutter/material.dart'; void main() { runApp(TestAp..

Flow 위젯은 레이아웃 위젯과 같이 자식위젯들(children)의 위치를 관리하는 위젯이다. 단지, 어떤 Rule을 정하고 그 Rule에 맞게 자식들을 재배치한다. Flow 위젯은 주로 Animation을 이용하여 FloatingButton같은 기능을 처리할 때 많이 사용된다. 1. Flow는 자식들의 위치를 raw level에서 처리한다. 2. FlowDelegatge 클래스를 상속해서 만들고 paintChildren, sholdRepaint를 오버라이드 한다. 3. raw level이다보니 스크린 전역의 값으로 위치를 지정해야 한다. Flow를 사용하려면 Flow( delegate: FlowDelegate을 상속받은 클래스, children: [자식위젯들], ); 와 같이 사용하면 된다. 다음은 전..