react native使用WebView加载本地html部署方案

前言

最近自己编写的react native安卓程序准备部署一下,发现调用的webview是本地的html文件,即url的格式是: http://localhost:8081/..这样的, 所以打包之后会出现加载不到页面的问题。所以下面就讲一下怎么样去修改,以便部署到线上不出问题。


步骤

1. 将html文件和相关的js/css等文件复制到asserts目录下    --即存放bundle包的目录,建议创建一个html文件夹或static目录存放静态文件

react native使用WebView加载本地html部署方案_第1张图片

2. 更改url

file:///android_asset/html/weather.html

注: html是在assets下的html目录,weather.html是目标html文件

3. 打包成apk

APK打包流程,可以去看我的另一篇博客。至此,问题解决,html页面又能正常加载了。



你可能感兴趣的:(项目,android,React,Native)