inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

화면 밖을 벗어나는 큰 이미지 사용에 대한 문의

해결된 질문

267

100 USD

작성한 질문수 1

0

도면.jpg안녕하세요

건축도면을 화면에 표시하며 각 객체(계단,문 등)를 누르면 사양이 표시되게끔 앱을 만들 계획중입니다.

강의를 보고 화면 내에서 쓸 수 있는 작은 크기의 이미지는 문제가 없지만 도면처럼 큰 이미지는 어떻게 넣어야 할 지 모르겠습니다.

보라색 창이 화면이라고 보고 이처럼 큰 이미지를 손으로 드래그, 스와이프 해서 보려고 합니다.

정리하자면

1. 화면 사이즈보다 큰 이미지를 넣으면 화면에서 잘린 상태로 움직이지 않는 문제

2. 화면 밖으로 나간 이미지에 버튼을 넣는 방법

어떻게 해결해야 할까요?

flutter firebase no-code flutterflow

답변 1

0

스케일

안녕하세요 100USD님,

저도 리서치를 해보았지만 플러터플로우 내부에 해당 기능을 할 수 있는 위젯은 없는듯 보입니다.

그나마 있는 것은 확대하는 기능 정도일텐데, 확대만으로는 충분하지 않으실 것 같습니다.

https://docs.flutterflow.io/actions/actions/widget-ui-interactions/expand-image

 

이 경우에는 플러터플로우에 Custom Widget을 이용하여 Pub.Dev에 있는 플러터 코드를 삽입하거나,

플러터로 직접 구현해야 합니다.

Pub.Dev에서는 찾지 못했지만, Interactive Viewer를 이용하면 구현이 가능할 수도 있을 것 같습니다.

https://api.flutter.dev/flutter/widgets/InteractiveViewer-class.html

 

로그인 과정에서 이메일 형식 오류 발생합니다.

0

87

2

변수의 활용에서 local page variable이 변화가 없습니다.

0

57

2

10강 (firebase 서버 연동) -> 11강 (로그인 구현)으로 넘어가고 있는데, user collection을 설정하는 부분이 안나옵니다...

0

55

2

홈화면에서 계속 충돌이 발생해요

0

69

2

이미지 표시 안되는것

0

78

2

ToggleIcon 관련 문의드립니다.

0

57

2

프로필 업데이트 회원가입완료 버튼 설정

0

71

2

한글이 잠시 깨진 후 정상적으로 보입니다.

0

72

2

써버 연결후 테스트를 해ㅗ니

0

74

3

강의 내용이 다릅니다

0

80

4

사진 업로드 어디에?

0

73

3

collection 내 image 에러

0

69

3

cros proxy for images 를 none으로 바꿔도 이미지 적용이 되지 않습니다.

0

106

4

9강의 서버연동을 따라하는데 오류가뜹니다

0

84

2

이미지 로딩 오류

0

199

5

path 설정에 'Uploaded File URL' 항목이 안보입니다.

0

63

2

스택 위의 이미지가 움직이면 사라집니다.

0

72

2

특정 하트만 개별적으로 커지게 하는 방법 질문

0

85

2

Project Setup Step 절차가 나오지 않아요, 테마를 어디서 고르죠?

0

52

2

가로 고정 모드 태블릿 앱을 만들고자 합니다.

0

281

2

이미지 업로드 버튼 클릭시

0

92

2

Stack 안에 Container를 절반만 채우고 싶습니다.

0

57

2

연결 관련

0

70

2

닉네임관련

0

103

2