플러터 웹이 상당히 애매함

코딩 채널

알림 알림 중 알림 취소

구독자 4408명 알림수신 85명 @은월영

프로그래밍 및 코딩 채널

Front-end 플러터 웹이 상당히 애매함

간다앗

추천 0 비추천 0 댓글 9 조회수 246 작성일 2023-01-04 05:05:23

https://arca.live/b/programmer/66751187

이건 안드로이드

이건 ios 인데

둘다 플러터 웹 canvaskit으로 빌드한거고 각각 크롬으로 접속해서 띄운거임

안드로이드에서만 가상키보드 나올때 레이아웃자체가 올라가고 텍스트필드가 가려지지 않음 동일한 코드이고 SingleChildScrollView 씌워져 있는거임 분명 방법이 있을지도 모르지만 웹빌드 이기때문에 플랫폼 별로 코드를 나누어 주는건 아닌거같다 생각했음

본인 맥은 없어서 ios에서 네이티브앱 으로 테스트 해보진 않았는데 아마 네이티브는 위에 안드로이드 처럼 제대로 작동할거 같음

ios에서 키보드가 올라가지 않는건 아마 웹킷이 안드로이드 웹뷰와 작동방식이 다르기 때문이 아닐까싶음 다만 그부분은 플러터 런타임이 처리해주었어야 하는데 좀 아쉬운부분 안드로이드에서는 하단 네이게이션바나 카테고리바가 있더라도 키보드가 올라왔을때 메뉴바가 키보드위로 올라오지 않고 자연스럽게 텍스트필드에 초점이 맞춰짐 웹 빌드임에도 안드로이드 브라우저에서는 기능적으로 완성적임

웹키트에서 돌아가는 플러터도 퍼포먼스로는 안드로이드보다 훨씬 뛰어나긴 한데 역시 운영체제와의 상호작용이 아직까진 부족한듯싶음 이 이슈가 고쳐질지 어떨지는 모르겠지만 다른 멀티플랫폼 프레임워크인 MAUI 써보고 갈아탈지 결정해봐야겠슴

댓글 [9] 글쓰기

갚

2023-01-04 05:33:19 답글

*수정됨

안드로이드 웹뷰는 크롬 기반이고, 아이폰 웹뷰는 사파리 기반입니다.
안드로이드는 자동으로 처리해 주지만, 아이폰은 그런거 안 해줍니다.
따라서 아이폰 네이티브에서 키보드 노출을 감지하고 웹뷰 프레임을 상단으로 올려줘야합니다.

아래는 코드입니다.

// 아이폰 뷰가 로드 되었을때
override func viewDidLoad() {
    super.viewDidLoad()

    // 키보드가 올라오는 것을 감지하도록 옵저버로 등록
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillAppear(_:)), name: UIResponder.keyboardWillShowNotification , object: nil)
    
    // 키보드가 사라지는 것을 감지하도록 옵저버로 등록
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillDisappear(_:)), name: UIResponder.keyboardWillHideNotification , object: nil)
        
}

// 키보드가 올라올 때 실행될 함수
@objc func keyboardWillAppear(_ sender: NotificationCenter){
    // 인풋박스 더블 터치시 중복 실행 방지
    if self.view.frame.origin.y == 0 {
        // 뷰 프레임 전체를 y축으로 원하는 수치 만큼 올린다
        self.view.frame.origin.y -= 300 // Double형
    }
}

// 키보드가 내려갈 때 실행될 함수
@objc func keyboardWillDisappear(_ sender: NotificationCenter){
    // 뷰 프레임 전체를 y축으로 원하는 수치 만큼 내린다
    self.view.frame.origin.y += 300 // Double형
}

펼쳐보기▼

간다앗

2023-01-04 06:08:15 답글

그러니까 플러터가 그걸 해줘야하는데 안해주는건지 안댐

펼쳐보기▼

진격의엄ㅋ

2023-01-04 10:22:39 답글

맥이 없는데 저 밑에껀 뭐임?

펼쳐보기▼

간다앗

2023-01-04 10:23:51 답글

웹 빌드고 크롬으로 실행시킨거임

펼쳐보기▼

진격의엄ㅋ

2023-01-04 10:24:22 답글

아니 맥이 없는데 iOS 시뮬레이터는 어디서 구했냐고

펼쳐보기▼

간다앗

2023-01-04 10:24:40 답글

핸드폰인데여

펼쳐보기▼

진격의엄ㅋ

2023-01-04 10:25:13 답글

맥이 없는데 아무리 플러터라도 빌드를 못하지 않음?

펼쳐보기▼

간다앗

2023-01-04 10:29:04 답글

웹 빌드는 브라우저만 지원하면 플랫폼 상관 없음 출력물도 html,wasm,js라 특정환경에서 빌드가 필요한건 아님

펼쳐보기▼

진격의엄ㅋ

2023-01-04 10:29:56 답글

아 크롬 접속했다했구나 웹뷰로 래핑했다는줄

펼쳐보기▼

댓글 작성

업로드 중

0초

녹음 중지 삭제

글쓰기

전체글 개념글

최근 최근 방문 채널

최근 방문 채널

전체 공지 정보 질문 잡담 유머 C/C++ C# Python Java Front-end Back-end 앱·겜 AI·Data 그 외

번호 제목

오도나무해병 2023.01.04 247 0

겜만들고 있엉 [7]

토그 2023.01.04 167 4

Front-end Vercel로 디플로이 해보니까 존나 편하네 ㅋㅋㅋㅋㅋ [4]

BeeMOre 2023.01.04 138 1

스택오버플로우에 나와 같은 고민을 가진 인간들은 존나게 많은데..

보빗보빗보비빗 2023.01.04 126 1

캐릭터 레벨에 따른 기초 능력치 같은 걸 구현할 때 [10]

ㅇㅇ (58.122) 2023.01.04 123 0

질문 나 python 질문좀 받아줘 [3]

랑린이 2023.01.04 160 0

질문 C#) 함수 반환형 질문 (뉴비라서 이해가 안됨) [8]

사쿠노 2023.01.04 130 0

질문 c# 유니티엔진 공부해서 취업하고싶은 뉴비인데 질문 가능할까요 [1]

ㅇㅇ (211.234) 2023.01.04 135 0

정보 인프런 무료강의 23개

갚 2023.01.04 474 1

잡담 스팸 차단하는 방법 생각남(삼성폰만 가능?) [4]

doremamo 2023.01.04 109 2

Front-end 플러터 웹이 상당히 애매함 [9]

간다앗 2023.01.04 246 0

Python execute_script가 안 되면

진격의엄ㅋ 2023.01.04 76 0

질문 숨은 고수들 은근히 많은거 같아서 질문함.. ㅠㅠㅠ [6]

보빗보빗보비빗 2023.01.04 709 0

selenium - execute_script에서 버튼클릭이 안됩니다 [13]

Zeya 2023.01.03 121 0

코딩 접었는데 와보니 좋다 [1]

하루121 2023.01.03 258 5

질문 (장문) 비전공자 진로상담 + 코딩강의관련 질문좀 [9]

리바이바리 2023.01.03 575 0

님들 자바 쓰다보면 좀 편해지나요?? [6]

클린티 2023.01.03 179 1

세상에 코딩 채널도 있네

세디 2023.01.03 86 0

질문 c++입문서로는 어느책이 좋나요? [4]

붕탁마Ang 2023.01.03 199 0

Python 셀레늄 쓰는 아래의 코린이씨는 보시오 [6]

진격의엄ㅋ 2023.01.03 221 1

글쓰기

전체글 개념글