Android 용 React Native를 사용하여 번들 패키지에서 JS / CSS로드

Naoto Ida

A가 대상으로 기본 응용 프로그램 반작용으로 나는 번들 패키지에서로드 JS / CSS에 대한 많은 솔루션을 본 적이 아이폰 OS 있지만하지 않는, 안드로이드 .

내 webview 코드는 다음과 같습니다.

<WebView
  source={{html: html, baseUrl: `file:///android_asset/web`}}
/>

html변수는 다음과 같이이다 :

const html = `
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  <body>
    <p class="someText">Foo</p>
  </body>
</html>`

내 프로젝트 디렉토리는 다음과 같습니다.

app
  -> assets
  -> web
    -> styles.css

누구든지 이것에 대한 해결책이 있다면 그것은 굉장 할 것입니다.

max23_

styles.css를 다음 경로에 배치하십시오.

/ android / app / src / main / assets

그런 다음의 baseURL을 다음으로 설정합니다 <WebView>.

<WebView source={{html: html, baseUrl: 'file:///android_asset/'}} />

추신 : react-native run-android스타일링을 변경할 때마다 실행 해야합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Android React Native에서 JS 번들 오류를 다운로드 할 수 없음

분류에서Dev

CSS를 사용하여 React Native에서 사용자 정의 차트 만들기

분류에서Dev

React Native App에 대한 Android 용 번들을 만드는 방법

분류에서Dev

JS를 사용하여 Bootstrap에서 가상 키패드 만들기

분류에서Dev

JS를 사용하여 Bootstrap에서 가상 키패드 만들기

분류에서Dev

FHIR 너겟 패키지를 사용하여 참조로 번들에서 리소스 찾기

분류에서Dev

React Native에서 iOS 또는 Android 전용 패키지를 설치하는 방법

분류에서Dev

React Native를 사용하여 Heroku에 이미지 업로드

분류에서Dev

React Native에서 FormData를 사용하여 비디오 업로드

분류에서Dev

Asp.net 4.0 C #을 사용하여 CSS 및 JS를 적용하지 않는 번들링 및 축소

분류에서Dev

TabBarIOS를 사용하여 React Native에서 탭 만들기

분류에서Dev

pkgmk를 사용하여 solaris 10에서 패키지 만들기

분류에서Dev

React JS를 사용하여 사용자 지정 라디오 버튼 만들기

분류에서Dev

중첩 된 경로로 이동할 때 React.js 지연로드를 사용하면 기본 번들이로드되지 않습니다.

분류에서Dev

NativeScript에서 JS를 사용하여 사용자 정의 클래스를 만들고 기본 Android에서 사용

분류에서Dev

React Native-Moment.js를 사용하여 날짜 형식 사용자 지정

분류에서Dev

AWS Amplify를 사용하여 React Native에서 S3로 업로드

분류에서Dev

React Native Maps-사용자 지정 이미지 마커를 사용하여 Android에서 앱 충돌

분류에서Dev

React 후크를 사용하여 React js에서 업로드 된 이미지 미리보기

분류에서Dev

r에서 {gtsummary} 패키지를 사용하여 pdf로 만들 수 없습니다.

분류에서Dev

MessageApi를 사용하여 Android Wear에 번들을 전달하는 방법

분류에서Dev

react-native를 사용하여 textInput 필드에서 '/'(슬래시)를 자동으로 사용하는 방법

분류에서Dev

React Native에서 Expo 프로젝트와 함께 Zebra 스캐너 패키지를 사용할 수 있습니까?

분류에서Dev

React Native를 사용하여 Android에서 기본 연락처 앱 열기

분류에서Dev

React Native에서 expo-image-picker를 사용하여 이미지를 업로드하는 방법

분류에서Dev

React Native에서 Sentry를 사용하여 index.js의 위치를 어떻게 사용자 정의합니까?

분류에서Dev

데비안에서 번들 패키지 대신 컴파일 된 PHP를 사용하도록 Apache 만들기

분류에서Dev

react hook react.js를 사용하여 한 번에 여러 상태를 업데이트하는 방법

분류에서Dev

rsqlserver 패키지를 사용하여 R에 데이터로드

Related 관련 기사

  1. 1

    Android React Native에서 JS 번들 오류를 다운로드 할 수 없음

  2. 2

    CSS를 사용하여 React Native에서 사용자 정의 차트 만들기

  3. 3

    React Native App에 대한 Android 용 번들을 만드는 방법

  4. 4

    JS를 사용하여 Bootstrap에서 가상 키패드 만들기

  5. 5

    JS를 사용하여 Bootstrap에서 가상 키패드 만들기

  6. 6

    FHIR 너겟 패키지를 사용하여 참조로 번들에서 리소스 찾기

  7. 7

    React Native에서 iOS 또는 Android 전용 패키지를 설치하는 방법

  8. 8

    React Native를 사용하여 Heroku에 이미지 업로드

  9. 9

    React Native에서 FormData를 사용하여 비디오 업로드

  10. 10

    Asp.net 4.0 C #을 사용하여 CSS 및 JS를 적용하지 않는 번들링 및 축소

  11. 11

    TabBarIOS를 사용하여 React Native에서 탭 만들기

  12. 12

    pkgmk를 사용하여 solaris 10에서 패키지 만들기

  13. 13

    React JS를 사용하여 사용자 지정 라디오 버튼 만들기

  14. 14

    중첩 된 경로로 이동할 때 React.js 지연로드를 사용하면 기본 번들이로드되지 않습니다.

  15. 15

    NativeScript에서 JS를 사용하여 사용자 정의 클래스를 만들고 기본 Android에서 사용

  16. 16

    React Native-Moment.js를 사용하여 날짜 형식 사용자 지정

  17. 17

    AWS Amplify를 사용하여 React Native에서 S3로 업로드

  18. 18

    React Native Maps-사용자 지정 이미지 마커를 사용하여 Android에서 앱 충돌

  19. 19

    React 후크를 사용하여 React js에서 업로드 된 이미지 미리보기

  20. 20

    r에서 {gtsummary} 패키지를 사용하여 pdf로 만들 수 없습니다.

  21. 21

    MessageApi를 사용하여 Android Wear에 번들을 전달하는 방법

  22. 22

    react-native를 사용하여 textInput 필드에서 '/'(슬래시)를 자동으로 사용하는 방법

  23. 23

    React Native에서 Expo 프로젝트와 함께 Zebra 스캐너 패키지를 사용할 수 있습니까?

  24. 24

    React Native를 사용하여 Android에서 기본 연락처 앱 열기

  25. 25

    React Native에서 expo-image-picker를 사용하여 이미지를 업로드하는 방법

  26. 26

    React Native에서 Sentry를 사용하여 index.js의 위치를 어떻게 사용자 정의합니까?

  27. 27

    데비안에서 번들 패키지 대신 컴파일 된 PHP를 사용하도록 Apache 만들기

  28. 28

    react hook react.js를 사용하여 한 번에 여러 상태를 업데이트하는 방법

  29. 29

    rsqlserver 패키지를 사용하여 R에 데이터로드

뜨겁다태그

보관