2016-10-05 55 views
1

我已經研究了很多,並試圖無法呈現本地位於的網頁(動態內容基於獲取網址中的變量),以在Android上的網頁呈現和與原生反應的ios。首先這甚至可能嗎? 如果不可能的話,是否還有其他可以實現這一目標的跨平臺移動開發技術?呈現位於設備上的網頁與原生

謝謝

+0

感謝您的快速回復。 – TheMan68

+0

我不完全確定它的所有生成方式是如何生成它的預製內容,但我所知道的是,有基於url GET vars生成的xml文件和圖像,這些文件和圖像是使用js處理的。例如。 lang = fr然後js加載'image-fr.jpg' – TheMan68

回答

1

是的,它可以加載本地html到web視圖。您可以通過require將html傳遞給webview的source屬性。有一個在docs一個例子:

render(): ReactElement<any> { 
     return (
     <WebView 
      style={{ 
      backgroundColor: BGWASH, 
      height: 100, 
      }} 
      source={require('./helloworld.html')} 
      scalesPageToFit={true} 
     /> 
    ); 
    } 

可以使用injectedJavaScript屬性,以使內容動態注入含有你的論點的JavaScript。

render(): ReactElement<any> { 
      return (
      <WebView 
       style={{ 
       backgroundColor: BGWASH, 
       height: 100, 
       }} 
       source={require('./helloworld.html')} 
       scalesPageToFit={true} 
       injectedJavaScript="var a = 1;" 
      /> 
     ); 
     } 
+0

1.如果我能得到像這樣的工作,那麼這是否會加載index.html中的任何js和css依賴項?我讀過很多地方,這是不可能的。 2.我得到了一個工作在ios模擬器上的例子,我的公司已經制作了一個網站的副本,但是當我們編譯到設備時,我們只有一個空白的webview。關於互聯網上關於這個問題的一些問題,有些人說計算機上可能存在的唯一原因是因爲反應通過計算機服務器訪問文件。但這在設備上是不可能的。它是否正確? – TheMan68

+0

注意:我試過這個例子,它確實很好。就在我將css和js放在單獨的文件中時,它就打破了應用程序。它只是呈現主文件中的html。 – TheMan68

+0

@ TheMan68是本地還是遠程的js和css文件? – FuzzyTree