如何在iOS(React Native)中访问离线文件?

jgovgodb  于 2023-08-07  发布在  React
关注(0)|答案(1)|浏览(133)

在我的应用程序中,我使用WebView向用户显示HTML内容。目前,对于Android平台,我使用以下路径加载内容:file:///android_asset/assets。此路径特定于Android,在该系统上运行良好。
然而,当我需要将此功能也提供给iOS用户时,挑战就出现了。iOS平台使用不同的方法来加载本地文件,我目前使用的路径显然在iOS上不起作用。
我的问题是:我如何调整此过程,使其兼容Android和iOS?我如何在WebView中加载相同的HTML内容,但这次在iOS设备上正确执行?我尝试的另一种方法是将所有JavaScript放在一个HTML文件中,但这是不可行的,因为我使用的是一个包含所有缩小的JavaScript的“核心”文件,这意味着它有超过4万行代码。有没有其他出路?

aamkag61

aamkag611#

试试这个:

const indexHTML = Platform.select({
  ios: RNFS.MainBundlePath + '/Web.bundle/index.html',
  android: 'file:///android_asset/index.html',
}) as string;

<WebView
  source={{uri: indexHTML}}
 />

字符串

相关问题