将本地 Web 应用包含在 react 本机 Web 视图中
Include local web app into react native webview
在我的反应原生应用程序中,我想显示一个Web视图,该视图加载本地html5 Web应用程序(单页应用程序,SPA)。
我能够加载一个 html 文件,该文件位于相关文件夹中,webapp
使用
var webapp = require('./webapp/index.html');
和
<WebView source={webapp}></WebView>
正如我在此线程中所述:从设备本地文件系统响应本机 WebView 加载
遗憾的是,此本地 Web 应用的资产(如 .js 和 .css 文件)不会由 Web 应用加载。
在 react-native 应用程序的开发过程中,这些文件可通过开发服务器获得。但是,当应用程序打包并在iOS设备上运行时,资产不可用(我在Safari开发人员工具中收到404错误)。
如何确保webapp
文件夹中的所有资产(JS、CSS 等)在本地打包的应用程序中可用。
通过设置基本URL,WebView知道在哪里查找链接到的css/js
。
喜欢:
<WebView baseURL="/webApp" html={html} />
在GitHub上检查问题的答案:
https://github.com/facebook/react-native/issues/1442#issuecomment-106906969
或者阅读尼克-韦弗关于这个详细答案的例子:从资源将 JavaScript 加载到 UIWebView 中
相关文章:
- '图片'没有用于本机道具的propType'RCTImageView.overlayColor&
- 在iOS和Android上使用React native时,我还能使用本机第三方lirbraries吗
- javascript函数访问ios本机功能
- 如何在从客户端接收数据时从本机方法触发javascript函数?
- 在浏览器中检测本机或第三方PDF插件
- 将事件发送到javascript文档的react本机模块是否正确
- 将对应用内购买的支持构建为react本机代码
- 如何在Windows上用javascript构建本机应用程序
- 在视图中渲染多个按钮以编程方式进行本机反应
- 在本机挂钩之前加载可安装挂钩
- 如何使用UI Automation JavaScript Reference for iOS appium获取本机应用程
- Web浏览器与本机C++的通信
- 将本地 Web 应用包含在 react 本机 Web 视图中
- Android Web 视图中的非本机滚动条性能
- 通过带有对象子级的数组进行 React 本机映射 - 工作方式与在 react web 中不同
- 如何在android phongap应用程序中从javascript调用本机android方法(函数),而无需使用web
- Web 工作者比本机线程重还是轻
- Google Web 工具包运行时错误:方法中缺少非本机或抽象方法中的“代码”属性
- 编写具有本机导航的基于 Web 的移动应用程序是否可行
- 在移动web浏览器中使用javascript访问手机的本机功能,而不使用本机包装器