[Flutter] 이미지 삽입하기

2024. 11. 6. 15:45·Flutter

assets 파일 -> images 파일 -> 안에 삽입할 이미지를 넣어준다

pubspec.yaml 파일에 다가

assets:
  - assets/images/image.png

를 입력해줍니다

 

ClipRRect(
  child: Image.asset(
    'assets/images/image.png', // 이미지 경로
    fit: BoxFit.cover,
    width: double.infinity,
    height: 400,
  ),
),

이렇게 입력해주면 이미지 삽입 성공!!

'Flutter' 카테고리의 다른 글

[Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기  (1) 2024.11.06
[Flutter] 텍스트 폰트 설정하기  (0) 2024.11.06
[Flutter] Expanded 위젯  (0) 2024.11.06
[Flutter] Align 위젯  (0) 2024.11.06
[Flutter] Stack 위젯  (0) 2024.11.06
'Flutter' 카테고리의 다른 글
  • [Flutter] 앱 레퍼런스 참고하여 Flutter로 화면 구현하기
  • [Flutter] 텍스트 폰트 설정하기
  • [Flutter] Expanded 위젯
  • [Flutter] Align 위젯
미로910
미로910
개발자를 꿈꾸는 민경이의 기록 블로그
  • 미로910
    개발 note
    미로910
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 설치 메뉴얼
      • HTML
      • JAVA
        • Java 기초
        • Java 응용
        • 자료구조
        • HTTP
        • JSP 프로그래밍
      • MySQL
        • MySQL 기본
        • 1일 1쿼리
      • CSS
      • Spring boot
      • JS
        • 게시판 만들기
      • Git
      • Flutter
        • MVVM 활용
        • 심화 버전
        • 1일 1 Flutter
      • 디자인 패턴의 활용
      • error note
      • My Project
        • [졸작] LLM 기반 특허 유사도 분석 시스템
        • 도서 관리 프로그램 (final project)
        • amigo
        • 친구 매칭 프로그램(FMP)
      • Python
      • 딥러닝
      • 네트워크
      • 공부 노트
        • 연구회
        • 자료구조
      • 기타
  • 블로그 메뉴

    • 홈
    • 전체보기
    • -----------------------
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Flutter
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
미로910
[Flutter] 이미지 삽입하기
상단으로

티스토리툴바