如何在 react-native 中获取应用程序根目录

Posted

技术标签:

【中文标题】如何在 react-native 中获取应用程序根目录【英文标题】:How to get application root in react-native 【发布时间】:2017-09-26 14:41:30 【问题描述】:

我有一个在 ios 中运行的项目。 在我的项目中,我想获取应用程序的绝对 url。 我该怎么做?

<WebView
 style=flex:1
 source= uri:'../src/html/privacy-policy.html' />

【问题讨论】:

你想用这个 URL 做什么? 我想将本地文件加载到webview,但是当 我这样写会出错。它仅在我提供绝对网址时才有效 【参考方案1】:

如果你想在 react native 中加载本地 html 文件,你应该 require

<WebView
  style=flex:1
  source=require('../src/html/privacy-policy.html') />

示例 html

<!DOCTYPE html>
<html>
  <body>

   <h1>My First Heading</h1>

   <p>My first paragraph.</p>

 </body>
</html>

【讨论】:

当我尝试这个时,我可以将 html 视为带有标签的字符串。如何强制 html 正确显示? 你能把你的html添加到问题中吗,因为它应该自动呈现而不显示标签我会用例子更新答案 html 很简单 test

asdsdsadsa

也许我应该做一些文件夹配置?我不明白为什么它不起作用。或者也许 react-native 版本很重要? 不需要文件夹配置,我不知道您使用的是什么版本,但它应该可以在我测试过的最新版本中使用

以上是关于如何在 react-native 中获取应用程序根目录的主要内容,如果未能解决你的问题,请参考以下文章

我如何在 react-native 聊天应用程序中使用 GraphQl 订阅从 GraphQl 查询中获取实时更新

如何从 fetch 中获取 JSON 数据(react-native)

在 React-Native 中获取 FCM 令牌

使用 graphql 在 react-native 中重新获取查询

使用 Relay 和 React-Native 时的条件片段或嵌入的根容器

如何在 react-native App 上获取推送通知?