Как я могу использовать компонент ReactNative WebView для отображения определенной части веб-страницы в моем приложении Android?

Question

Я хочу использовать компонент ReactNative webView в своем приложении для Android и показывать только определенную часть веб-страницы.например, я хочу показать содержимое, указанное красным прямоугольником на изображении ниже:

, и мне не нужны другие частистраница интернета.Я могу показать всю страницу с помощью кода ниже:

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

, но не знаю, как показать только содержимое в красном прямоугольнике.Может кто-нибудь помочь мне с этим вопросом, пожалуйста?

Answer 1

WebView не будет работать в вашей ситуации.У Github действительно есть RESTful API.Вы можете сделать запрос GET для имени пользователя.Вы получите объект JSON, и нужная вам информация будет находиться под био.

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

Вы можете использовать api fetch для получения вашей био

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);
});