Flutter - inAppWebView 사용 방법, 메서드 설명, 당겨서 새로고침 기능 구현

Overview 해당 포스팅은 InAppWebView 5.8을 기준으로 작성되었습니다. 현재 버전 InAppwebView 6.0 마이그레이션은 아래을 포스팅을 참고하면 됩니다. Flutter - InAppWebView 5.8.0 > 6.0.0 마이그레이션 가이드 Flutter - InAppWebView 5.8.0 > 6.0.0 마이그레이션 가이드 개요인앱웹뷰가 6.0.0으로 버전업이 되었다. 이번에 마이그레이션을 하면서 느낀점은 편의성이 많이 좋아진 것 같은데 자세히는 안써봐서 잘 모르겠다. 우선은 내 프로젝트에 있는 코드들을 마 luvris2.tistory.com inAppWebView를 이용하여 모바일 화면에 웹페이지를 표시하는 방법을 포스팅합니다. 포스팅에서 사용한 예제 프로젝트는 아래의 링크에서 ..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 12.
• textsms

Flutter - Navigator 페이지 이동 가이드 (push, pop, popUntil, pushReplacement, pushNamed)

요약 push(): 현재 페이지를 스택에 추가하고 이동할 페이지 표시 pop(): 스택에서 이전 페이지로 이동 popUntil(): 지정된 조건을 만족하는 페이지까지 스택에서 이전 페이지로 이동 pushReplacement(): 현재 페이지를 스택에서 제거하고 이동할 페이지를 표시 pushNamed(): 지정된 이름의 페이지로 이동 포스팅에서의 예제 프로젝트는 아래의 링크에서 다운 받을 수 있습니다. https://github.com/luvris2/flutter-example/tree/main/flutter_navigator_test push : 현재 화면에 새 화면으로 이동 /* 구문 */ Navigator.push( context, MaterialPageRoute( builder: (context) ..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 11.
• textsms

Flutter SDK Error) The Flutter SDK is installed in a protected folder and may not function correctly. Please move the SDK to a location that is user-writable without Administration permissions and restart.

Error) VS Code 실행 시 다음과 같은 알림이 우측 하단에 출력되었다. 해결 방법 플러터 공식 홈페이지에서는 Program Files 폴더에 설치하는 것을 비권장하고있다. 요약하자면 관리자 권한이 필요 없는 위치로 옮기라는 뜻이다. 공식 가이드 문서에서 예시를 든 경로는 'c:\src\flutter' 이다. 나는 c:\dev\flutter 경로로 지정하였다. 폴더를 변경함과 동시에 당연히 환경 변수 경로도 변경해주어야 한다. 환경 변수 버튼 클릭 (환경 변수에서) Path - 편집 변경된 경로로 환경 변수를 편집 flutter 뒷 경로에 반드시 bin 경로가 포함되어야 함 참고 flutter - install help

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 7.
• textsms

Flutter Install Error - Unable to find git in your PATH

Error 깃을 설치 후에 플러터 코드를 짜려고 했더니 아래와 같은 에러가 출력되었다. 또한, 플러터의 코드들이 인식을 하지 못한다. 또한, 플러터가 정상적으로 설치되었는지 버전을 확인해보았으나 위와 같은 에러 메시지가 출력된다. 에러 발생 이유 플러터를 설치하는데 왜 깃 환경 변수를 등록하지 않아서 에러가 발생하는 것일까? 그 이유는 플러터가 깃을 사용해서 패키지 관리 및 버전 관리를 하기 때문이다. 그래서 깃이 환경 변수에 등록되지 않아 정상적으로 작동을 하지 않는다면 당연하게도 플러터 코드도 제대로 인식을 하지 못하게 된다. 무심코 지나쳤을 플러터 공식 페이지의 설치 가이드를 확인해보자. 시스템 요구 사항에서도 깃을 요구하고 있다. 플러터 SDK 자체도 깃허브를 통해 관리되고 있으며, 위의 에러에서..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 6.
• textsms

Flutter - WidgetsBinding.instance.addPostFrameCallback, initState에서 위젯 호출하기

WidgetsBinding.instance.addPostFrameCallback 앱의 위젯 트리가 빌드된 후 실행되는 콜백 함수를 등록하는 메서드 이를 통해 위젯이 빌드되고 화면에 렌더링 된 후 어떤 작업을 수행하고자 할 때 사용 쉽게 말해서 코드를 예로 들면... initState 내에 위젯을 반환하면 오류가 발생하지만, 콜백 함수를 정의해서 위젯을 반환하면 initState 내에서도 위젯을 반환할 수 있다. WidgetsBinding.instance.addPostFrameCallback((_) { // 코드 작성 }); 세부 설명 WidgetsBinding 앱의 라이프사이클 및 이벤트를 관리하는 클래스 instance 현재 실행 중인 앱의 인스턴스에 접근하는 방법 WidgetsBinding.insta..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 1.
• textsms

Flutter - VS Code에서 자동으로 const 붙여주는 기능 설정하기, const를 왜 붙여야할까?

Overview 이 포스팅은 VS Code (Visual Studio Code)를 기준으로 작성되었습니다. 코드 작성 시, 파란 밑줄이 뜨며 const 키워드를 붙이라는 경고 문구가 뜰 때가 있다. 이럴 때 파일을 저장하면 자동으로 const 키워드를 붙여주는 설정이 있다. const를 붙여야 하는 이유는? 코드를 짜다보면 const를 붙이라는 경고를 생각보다 자주 볼 수 있다. 항상 무심코 지나쳤지만 문득 이런 생각이 들 수 있다. '대체 왜 const 키워드를 붙여줘야 하는 거지?' 우선 const가 무엇인지부터 살펴보자. 변수 const는 컴파일 시간 상수이며 객체의 상태는 컴파일 시간에 결정될 수 있다. 그렇기 때문에 const를 사용하여 객체를 생성하게 되면 해당 객체는 변경할 수 없는 불변 객..

• format_list_bulleted Mobile/Flutter
• · 2023. 9. 30.
• textsms