Instagram.js

import React, { Component } from 'react'
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  FlatList,
  Image,
  ScrollView
} from 'react-native'

class App extends Component {
  state = {
    images: [],
    isLoading: false,
  }
  
  
  componentDidMount() {
    this.executeQuery()
  }
  
  
  executeQuery = () => {
    this.setState({ isLoading: true });
    fetch('https://www.instagram.com/today_kz/?__a=1')
      .then(response => response.json())
      .then(json => this.handleResponse(json))
      .catch(() =>
        this.setState({
          isLoading: false,
        })
      ); 
  };

  handleResponse = response => {
    const images = response.graphql.user.edge_owner_to_timeline_media.edges.map(
      edge => edge.node
    );
    this.setState({ isLoading: false, images });
  };
  
  renderItems = () => {
    return this.state.images.map((item) => {
      return (
        <Image style={{ height: 100, width: 200 }} source={{ uri: item.display_url }}/>
      )
    })
    
  }
  
  keyExtractor = item => item; 
  
  
  render() {
    return (
        <ScrollView>
        {this.renderItems()}
        </ScrollView>
    );
  }
}

const styles = StyleSheet.create({

})

// export default App;

AppRegistry.registerComponent('App', () => App)