본문 바로가기
반응형

IMAGE2

플러터 Image 위젯 사용법 및 옵션 완벽 가이드 플러터에서 이미지를 표시하는 데 가장 기본적인 위젯은 바로 Image 위젯입니다.로컬 파일, 네트워크 URL, 또는 Asset 이미지를 사용하여 다양한 이미지를 표시할 수 있습니다.또한, 이미지 크기 조정, 잘라내기, 회전 등 다양한 옵션들을 제공하여 원하는 대로 이미지를 표현할 수 있습니다.이 블로그 글에서는 Image 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 이미지 표현을 구현해 보겠습니다. 1. 기본 사용법Image 위젯은 표시할 이미지를 image 속성으로 전달합니다.로컬 파일 이미지의 경우 AssetImage, 네트워크 URL 이미지의 경우 NetworkImage 클래스를 사용합니다.// 로컬 파일 이미지Image.asset('assets/images/flu.. 2024. 7. 24.
플러터 기본 위젯만 알면 UI를 그릴 수 있다! - 텍스트, 아이콘, 컨테이너, 이미지 위젯 활용법 완벽 가이드 플러터는 다양한 기능을 가진 강력한 UI 툴킷이지만, 초보자에게는 다소 복잡하게 느껴질 수 있습니다.하지만 걱정하지 마세요!플러터에는 텍스트, 아이콘, 컨테이너, 이미지와 같은 기본 위젯만으로도 다양한 UI를 구현할 수 있습니다.이 블로그 글에서는 플러터 기본 위젯 4가지에 대해 자세히 살펴보고, 실제 코드 예시와 함께 간단한 UI를 만들어 보겠습니다. 1. 텍스트 위젯 (Text) 텍스트 위젯은 화면에 텍스트를 표시하는 데 사용됩니다. 다양한 속성을 사용하여 폰트 스타일, 크기, 색상, 정렬 등을 설정할 수 있습니다. Text( 'Hello, Flutter!', style: TextStyle( fontSize: 20.0, fontWeight: FontWeight.bold, color.. 2024. 7. 22.
반응형