polemitics_feed.js

import React from 'react';
import { Container, Text } from 'native-base';

import ScreenComponent from '../components/screen-component';
import i18n from '../services/i18n';

import FeedList from '../components/feed-list';
import FallowTag from '../components/fallow-tag';

class PolemitagFeed extends ScreenComponent {

  constructor(props){
    super(props);

    this.state = {
      users: [
        {
          id: 1,
          name: 'Roberto Macedo',
          username: '@roberto_sev',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/roberto"},
          color: '#f5a623',
          percent: 30+'%',
        },
        {
          id: 2,
          name: 'Mariana Severo',
          username: '@mariana001',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://api.adorable.io/avatars/150/abott@adorable.png"},
          color: '#771785',
          percent: 70+'%',
        },
        {
          id: 3,
          name: 'John Snow',
          username: '@iknownothing',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/johnsnow"},
          color: '#d9d9d9',
          percent: null,
        },
        {
          id: 4,
          name: 'Alexandre Moraes',
          username: '@alcmoraes89',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/sonic"},
          color: '#2acfdc',
          percent: 10+'%',
        },
        {
          id: 5,
          name: 'Raulino Florença',
          username: '@raulino',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/raulino"},
          color: '#f5a623',
          percent: 30+'%',
        },
        {
          id: 6,
          name: 'Carlos Mendonça',
          username: '@carlinhos',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/carlos"},
          color: '#771785',
          percent: 70+'%',
        },
        {
          id: 7,
          name: 'Mark Zuckerberg',
          username: '@zoidberg',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/zoidberg"},
          color: '#d9d9d9',
          percent: null,
        },
        {
          id: 8,
          name: 'Renan Calheiros',
          username: '@renan',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/lula"},
          color: '#2acfdc',
          percent: 10+'%',
        },
        {
          id: 9,
          name: 'Aristides Macedo',
          username: '@aristides',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/aristides"},
          color: '#f5a623',
          percent: 30+'%',
        },
        {
          id: 10,
          name: 'Mariana Severo',
          username: '@mariana001',
          message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do',
          avatar: {uri: "https://avatars.io/facebook/roniewill"},
          color: '#771785',
          percent: 70+'%',
        },
      ]
    };
  }

  static navigationOptions = {
    title: i18n.__('Direito')
  };

  render(){
    return(
      <Container style={{ backgroundColor: 'white' }}>
        <FallowTag />
        <FeedList users={ this.state.users }/>
      </Container>
    )
  };

}

export default PolemitagFeed;