Skip to content

WebView 통신 및 API

Inseo Hwang edited this page Nov 9, 2021 · 1 revision

Props

source: HTML이나, uri를 적어주는 부분이다.

<URI 사용시>

  • uri: URI를 WebView에 로드시킨다.
  • method: HTTP method를 사용하며, Default 값은 GET 방식이다.
  • header: 추가적인 HTTP header을 보낼 수 있다.(안드로이드인 경우 GET 방식일 경우만 가능)
  • body: HTTP body를 보낸다.UTF- 8 형식이어야한다.
    <static HTML 사용시>
  • html: static HTML파일을 WebView에 로드시킨다.
  • baseUrl: HTML안의 연관된 기본 URL주소들이 사용된다.

automaticallyAdjustContentInsets

  • 자동으로 내용 삽입을 조정해준다. 기본 값은 true이다.

injectJavaScript

  • WebView로 전달될 문자열을 수신하고 즉시 자바스크립트로 실행시켜주는 기능이다.

injectedJavaScript

  • View가 로드될 때 자바스크립트를 웹 페이지에 주입해준다.

nativeConfig

  • WebView를 랜더링 할 때, 사용되는 native 컴포넌트를 재정의한다.

onError

  • WebView 로드가 실패했을 경우 호출해주는 것

onLoadStart

  • WebView 로드가 시작되면 호출해주는 것

onLoad

  • WebView 로드가 완료되면 호출해주는 것

onLoadEnd

  • WebView 로드가 성공 혹은 실패하면 호출해주는 것

onMessage

  • WebView가 window.postMessage를 call하면 호출되는 것

onNavigationStateChange

  • WebView 로딩이 시작되거나 끝나면 호출해주는 것

scalesPageToFit

  • web content를 view에 맞게 크기조정

javaScriptEnabled

  • WebView에서 자바스크립트를 사용할 수 있게 해주는 것. default값은 true

scrollEnabled

  • scroll 가능 여부. default: true

메소드

goForward()

  • web view에서 한 페이지 앞으로 간다.

goBack()

  • web viewd에서 한 페이지 뒤로 간다.

reload()

  • 현재 페이지를 새로고침한다.

stopLoading()

  • 현재 페이지의 로딩을 멈춘다.