new_version

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  FlatList
} from 'react-native';
import styles from '../styles';
import { getDatabase } from '../config/FirebaseConfig'

export default class Profile extends Component {
  constructor(props) {
    super(props);
    this.state = { firebaseItems: {} };
    console.ignoredYellowBox = [
      'Setting a timer'
    ];
  }

  getItems = () => {
    var items;
    var query = getDatabase().ref().child('attributes');
    query.once("value", function(snapshot) {
      snapshot.forEach(function(child) {
        console.log(child.val().cousine)
        items.push({
          comment: child.val().cousine
        });
      });
    }).then(() => {
        this.setState({firebaseItems: items});
    }); 
  }

  componentDidMount = () => {
    this.getItems();
  }

  renderRow = ({item, index}) => {
    return (
      <Text style={{
        fontSize: 18,
        color: '#000000',
        textAlign: 'center'
      }}>
        {item.cousine}
      </Text>
    );
  };

  render() {
    console.log(this.state.firebaseItems)
    return (
        <FlatList data={this.state.firebaseItems}
                  renderItem={this.renderRow}/>
    );
  }
}