rn-firestore/App.js at master · geekrishabh/rn-firestore · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import React, { Component } from "react";
import { Platform, StyleSheet, View } from "react-native";
import {
  Container,
  Header,
  Content,
  Spinner,
  Body,
  Title,
  Icon,
  Left,
  Right,
  Button,
  List,
  ListItem,
  Text
} from "native-base";
import _ from "lodash";
import withFirestore from "./src/hocs";
import firebase from "react-native-firebase";

class App extends Component {
  constructor() {
    super();
    this.state = {
      loading: true,
      users: []
    };
  }
  addUser() {
    this.props.refs[0].ref.add({
      name: "testme"
    });
  }
  render() {
    return (
      <Container>
        <Header>
          <Left>
            <Button transparent>
              <Icon name="menu" />
            </Button>
          </Left>
          <Body>
            <Title>FireStore-Hoc</Title>
          </Body>
          <Right />
        </Header>
        <Content>
          <List>
            {_.map(this.props.data.users, item => (
              <ListItem>
                <Text>{item.name}</Text>
              </ListItem>
            ))}
          </List>
          <Button onPress={() => this.addUser()}>
            <Text>CLICK TO ADD</Text>
          </Button>
        </Content>
      </Container>
    );
  }
}

const refs = props => {
  return [
    {
      name: "users",
      ref: firebase.firestore().collection("users")
    },
    {
      name: "todos",
      ref: firebase.firestore().collection("todos")
    }
  ];
};
export default withFirestore(refs)(App);