Flutter (19) 썸네일형 리스트형 API Key Hiding with DotEnv. Api 키 보안 관리하기. 키를 환경설정 파일로 숨기는 방법 키를 환경설정 파일로 옴겨서 보안관리 하는 방법이다. 마지막에 gitignore 에 파일을 등록 함으로서 잘못 업로드되어 키가 공개되는 것을 막는다. https://pub.dev/packages/flutter_dotenv/install flutter_dotenv | Flutter Package Easily configure any flutter application with global variables using a `.env` file. pub.dev .ENV 파일을 프로젝트 수준에서 작성을 한다. asset 에 파일을 추가 메인이나 .사용하고 자 하는곳에서 . 위와 같이 파일을 불러온다. print(dotenv.env['ENDPOINT']); print(dotenv.env['APIKEY']); 아래.. simple 코인 어플 만들기, 암호화 화폐 Bitcoin App , json으로 비트코인등 안호화 화폐의 정보를 json을 이용해서 보여주는 APP 뚝딱 ~ // 주의사항 . json 제공 사이트는 수시로 업데이트 됨으로 직접 찾아서 고쳐야 하실 수있습니다. 경로가 바뀌는 경우가 있습니다. import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'package:noti_local/a_drawer.dart'; class CoinHomeScreen extends StatefulWidget { const CoinHomeScreen({super.key}); @override State createState() => _CoinHomeScreenSt.. 동화책 만들기? OnBoardingScreen with GPT. GPT 를 이용해서 이야기를 만들고 . Flutter 에서 OnBoarding 패키지인 smooth page indicator 를 이용해서 동화책을 만들어 보았습니다. flutter pub add smooth_page_indicator https://pub.dev/packages/smooth_page_indicator/install smooth_page_indicator | Flutter Package Customizable animated page indicator with a set of built-in effects. pub.dev import 'package:flutter/material.dart'; import 'package:smooth_page_indicator/smooth_page_indi.. WebView 로 bard gpt chat 만들기? .. chat 따로 만들기보다 . 그냥 , 웹뷰에다 주소 넣으면 빠르고 쉽게 Ai chat 완성 . 를 핑계로 만드는 . WebView 입니다. 웹뷰패키지를 설치하고 작성하면 됩니다. import 'package:flutter/material.dart'; import 'package:screenshot/screenshot.dart'; import 'package:webview_flutter/webview_flutter.dart'; class WwwScreenHome extends StatefulWidget { const WwwScreenHome({super.key}); @override State createState() => _WwwScreenHomeState(); } class _WwwScreenHomeS.. Chat GPT 만들기 , 음성입력 gpt 3.5 turbo 202312 0. package 설치및 . GPT APi 키 발급받기 . https://platform.openai.com/api-keys https://pub.dev/packages/chat_gpt_flutter chat_gpt_flutter | Flutter Package Integration of ChatGPT API using Flutter framework. pub.dev api 키만 따로 클래스를 만들어 저장해 둔다. class APIKey { static const apiKey = "*********************************"; } 1. 한글깨짐 문제 해결 : 및 . 기존방식으로 안되는 부분 수정 . 현재 업데이트된 방식입니다. 기존 코드들은 다빈치용 인줄 모르고 고생좀 했습니다. ({.. flutter Speech To Text // dart 3 Speech to Text 패키지는 . 반드시 그래들 파일에 SDK 버전을 21 로 설정해야합니다. minSdkVersion 21 아래 부부은 공부하다가 중복된 것이니 제외 하고 사용하면 됩니다. ValueListenableBuilder onChanged: (textValue) { //인풋값으로 바뀌지 않음. setState(() => _controllerText = _speechController.text); }, https://pub.dev/packages/speech_to_text/install speech_to_text | Flutter Package A Flutter plugin that exposes device specific speech to text recognition capabilit.. Dark & Light Mode with Provider class LightDarkMode extends StatelessWidget { const LightDarkMode({super.key}); @override Widget build(BuildContext context) { return MaterialApp( theme: Provider.of(context).themeData, home: const LDHome(), ); } } class LDHome extends StatefulWidget { const LDHome({super.key}); @override State createState() => _LDHomeState(); } class _LDHomeState extends State { @override Widget build(BuildCont.. Flutter Voice to Text 음성입력.#2 class _VoiceToTextState extends State { SpeechToText speechToText = SpeechToText(); String textVoice = " Click Hold for Speech to Text"; bool isListening = false; @override void dispose() { speechToText.cancel(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, floatingActionButton: AvatarGl.. Flutter Voice to Text 음성입력 변환 #1 #speech_to_text #flutter #voice 음성을 입력받아 텍스트를 출력하도록 하려면 플러그인을 사용해야한다. 일단 구버전이므로 플러그인 설정을 해주어야 한다. 먼저 사용할 플러그인들 flutter pub add speech_to_text flutter pub add avatar_glow 앱수준의 그래들 minsdk 21 이전 1 2 다음
