News.js

import React, { Component } from 'react';
import { Container, Content, Footer, FooterTab, Button, Text, Card, CardItem, List, ListItem, Thumbnail, Left, Body, Icon, Right} from 'native-base';

export default News = ({news}) => (
    <ListItem thumbnail>
        <Left>
            <Thumbnail square source={{ uri: news.ilustrasi }}
             style={{height: 80, width: 70, marginLeft: -12}}/>
         </Left>
        <Body style={{paddingTop: 10}}>
             <Text style={{marginBottom: 2, fontSize: 14}}>{news.judul}</Text>
             <Text style={{marginBottom: 15, fontSize: 10}}>{news.link}</Text>
             <FooterTab style={{backgroundColor: 'transparent', marginVertical: -25}}>
             <Button>
             <Icon name="time" style={{fontSize: 15, marginLeft: 10}}/>
             </Button>
             <Button>
             <Icon name="eye" style={{fontSize: 15}} />
             </Button>
             <Button>
             <Icon name="chatbubbles" style={{fontSize: 15}}/>
             </Button>
             <Button>
             <Icon name="heart" style={{marginRight: 12, fontSize: 15}} />
             </Button>
             </FooterTab>
        </Body>
   </ListItem>
)