플러터(flutter)를 사용하면서 UI 디자인에 이미지를 추가할 때, 종종 이미지가 제대로 불러와지지 않는 문제에 직면하게 됩니다. 이 글에서는 플러터에서 어셋에 이미지를 추가한 후, 이를 불러와서 화면에 표시하는 방법과 관련된 문제 해결 방법을 제시하겠습니다. 1. 문제 발생 플러터(flutter)의 어셋(assets)에 이미지를 추가하고 저장하면 앱화면에 바로 적용이 되지 않는 문제가 발생했습니다. 플러터에서 이미지를 뿌리는 코드는 다양하겠지만 저같은 경우에는 다음 그림처럼 파일을 폴더에 추가하고 있습니다. 그런데 저장하면 없는 이미지라고 에러가 뜹니다. 2. 플러터에서 이미지 추가하기 플러터에서 이미지를 화면에 표시하는 가장 기본적인 방법은 Image.asset 함수를 사용하는 것입니다. 예를 들..
Language
플러터(Flutter) 앱 개발 시 사용자의 첫 인상을 결정짓는 중요한 부분 중 하나가 바로 시작 화면, 즉 Splash 화면입니다. Flutter에서는 `flutter_native_splash` 플러그인을 사용하여 간단하게 멋진 시작 화면을 구현할 수 있습니다. 이 글에서는 `flutter_native_splash` 플러그인의 설정 방법과 사용법에 대해 자세히 알아보겠습니다. 1. flutter_native_splash 플러그인 소개 flutter_native_splash는 Flutter 앱의 기본 흰색 시작 화면을 사용자 정의 배경색이나 이미지로 바꿀 수 있게 해주는 Flutter 플러그인입니다. flutter_native_splash | Flutter package Customize Flutter'..
ESP32-WROOM-32는 Wi-Fi와 블루투스 기능을 갖춘 강력한 마이크로컨트롤러 보드입니다. 스마트팜 프로젝트를 위해 이 보드를 구매했었답니다. 이 글에서는 ESP32-WROOM-32 보드를 설정하는 과정을 작성해보도록 하겠습니다. ESP32-WROOM-32 보드 소개 구입처: 알리익스프레스 모델: ESP32-WROOM-32 사양: ESP32-WROOM-32 데이터시트 참조 특징: Wi-Fi 및 블루투스 기능, 배터리 충전 및 작은 모니터 지원 드라이버 설치 ESP32 보드를 컴퓨터에 연결하기 전에 필요한 드라이버를 설치해야 합니다. 드라이버 다운로드: Silicon Labs의 USB to UART Bridge VCP Drivers에서 드라이버를 다운로드합니다. CP210x USB to UART B..
Flutter를 처음 설치하고 실행하는 과정에서 많은 개발자들이 다양한 에러 메시지에 직면합니다. 특히, 소스 코드를 처음 받아 실행할 때 Could not resolve the package 'flutter' in 'package:flutter/material.dart'와 같은 에러 메시지를 마주치는 경우가 종종 있습니다. 이 에러는 Flutter와 Dart 에코시스템에서 제공하는 공유 패키지들이 아직 설치되지 않았을 때 발생합니다. 원인과 해결 방법 원인 이 에러는 프로젝트에 필요한 Flutter 패키지가 설치되지 않아 발생합니다. Flutter 앱 개발 시, pubspec.yaml 파일에 정의된 외부 패키지들은 프로젝트 실행 전에 설치되어야 합니다. 이 과정이 생략되면, Flutter 프레임워크가 ..