728x90
반응형

Linkify 2

[Flutter] 넷플릭스 클론 코딩 #8 | 프로필 화면 만들기 | 이미지 원형으로 추가 | 주소 이동 가능하도록 추가 | Linkify | LaunchURL

이번 시간에는 더보기를 누르면 Profile 화면이 보이고,프로필 화면은 이미지를 원형으로 추가, 그 아래에 링크를 추가하도록 함! 완성된 화면 미리보기 ~  1. 원형 이미지 추가CircleAvatar 를 이용해서 png 이미지를 원형으로 보이도록 추가 (프로필 사진 대용)https://api.flutter.dev/flutter/material/CircleAvatar-class.htmlContainer( padding: const EdgeInsets.only(top: 50), child: const CircleAvatar( radius: 100, backgroundImage: AssetImage('images/bbongflix_logo.png'), ),), 2. 클릭과 이동이 가능한 링..

SELF STUDY/Flutter 2024.05.09

[Flutter] 실제 클릭한 주소 텍스트 | Linkify | Url launcher

클릭하면 바로 주소로 이동가능하도록텍스트를 삽입하는 방법에 대해 알아보겠다!1. 패키지 설치먼저 필요한 패키지를 보면,- Linkify : 주소 텍스트를 클릭 가능하도록 함.- Url launcher : 실제 주소로 이동이 가능하도록 함.이렇게 두 가지 패키지가 필요하다.두 가지를 설치해준다.pubspec.yamldependencies: flutter: sdk: flutter carousel_slider: flutter_linkify: #for using clickable link url_launcher: #for executing link 이렇게 파일을 수정하면 자동으로 필요한 package 가 설치가 된다. 2. Linkify 사용https://pub.dev/packages/flutter..

SELF STUDY/Flutter 2024.05.08
728x90
반응형