如何使用ReactNative WebView组件在Android应用中显示网页的特定部分？

Question

我想在我的Android应用程序中使用ReactNative webView组件，并仅显示网页的特定部分。例如，我想在下图中显示由红色矩形指定的内容：

，我不需要网页的其他部分。 我可以通过以下代码显示整个页面：

<WebView
  source={{ uri: https://github.com/TrySound }}
  style={{ marginTop: 20 }}
/>

，但不知道如何仅显示红色矩形中的内容。有人可以帮我解决这个问题吗？

Answer 1

WebView在您的情况下不起作用。 Github确实具有RESTful API。您可以请求用户名。您将收到一个JSON对象，所需的信息将在bio下。

https://developer.github.com/v3/users/#get-a-single-user

您可以使用获取api获取自己的简历

function getBio(){
  return fetch('https://api.github.com/users/trysound')
  .then(function(response) { return response.json();})
  .then(function(data) {return data.bio;});
}

要访问api请求的结果，您可以执行以下操作

getBio().then(function(bio){
    // insert your code here to handle the string for your bio on github
    console.log(bio);
});