文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
在 React Native Webview 中使用本地 css、js 加载本地 HTML
P粉642436282
P粉642436282 2024-03-26 20:25:57
[CSS3讨论组]
0 1 1192
举报

我想在我的 React Native WebView 中加载本地 html、css、js 文件，但我无法加载应用于 html 的 css，请参阅我的文件夹结构

上面是我的 html 以及 css 图像和 js 文件，我将所有内容放入我的应用程序文件夹结构中，如下所示

src --> html --> demo --> 将以上所有文件粘贴到下面的图片中

现在我在实际屏幕中使用这个html，如下所示

let demoHtmlData = require('../../../html/demo/demo.html')
<WebView
  style={{flex: 1}}
  source={demoHtmlData}
/>

当我运行上面的代码时，html 已加载，但 css 未应用颜色、样式等。

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>VIVJOA®</title>
<meta name="apple-mobile-web-app-status-bar-style" content="#7D5895">
<meta name="theme-color" content="#7D5895" />
<link href="css/style.css" rel="stylesheet">
</head>

在上面的代码中 css/style.css 没有应用我的 webview，所以知道如何解决这个问题吗？

P粉642436282
P粉642436282

全部回复(1)
P粉329425839
P粉3294258392024-03-27 17:28:22 1楼

您必须将 html 和 css 文件放在 android 文件夹中的 android_asset 文件夹中，对于 ios 文件夹，将其放在 ios 文件夹中的 resources 中。

if(isAndroid){
  return (
      
  )
}else{
  return(
    
  );
}

更多参考来自： WebView Html 加载自本地

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部