Do Something

[Flutter] Image 표시하기 본문

Flutter

[Flutter] Image 표시하기

뭐라도해야겠다 2023. 6. 15. 15:24

Fluuter 에서 이미지를 사용하려면 assets에 넣어야 합니다

 

어? 근데 assets이 없음

 

1. assets 폴더 만들기

그 안에는 그냥 잘 알아볼 수 있게 만들자

pubspec.yaml과 같은 경로에 만들어 주면 된다

 

플러터(Flutter)의 pubspec.yaml

플러터 프로젝트를 새로 만들면 pubspec.yaml 파일을 볼 수 있습니다. Node.js의 package.json과 같은 패키지 의존성 관리 및 프로젝트 정의 등의 역할을 갖습니다.

changjoopark.medium.com

pubspec.yaml약간 application.yaml, package.json같은 느낌

 

2.  pubspec.yaml 수정

pubspec에 asset을 등록해줘야 한다. 

이렇게 등록을 해주자

 

3. 사용!

Image.asset('assets/images/autumn.jpg');

 

4?. 주소로 사진띄우기

Image.network();

'Flutter' 카테고리의 다른 글

[Flutter] PageView 부드럽게 이동하기  (0) 2023.06.15