syamjayaraj

import React, { Component } from 'react';
import { Text, View, StyleSheet, TouchableOpacity, FlatList } from 'react-native';
​
export default class FAB extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
​
  render() {

syamjayaraj

export default class FAB extends Component {
  constructor(props) {
    super(props);
    this.state = { 
      data: [ 
        { name: 'John', age: 18 }, 
        { name: 'Lilli', age: 23 }, 
        { name: 'Lavera', age: 46 }, 
        { name: 'Paul', age: 32 }, 
        { name: 'Jene', age: 14 }, 

syamjayaraj

export default class FAB extends Component {
  ...
  ...
​
  render() { 
    const { data } = this.state; 
    return ( 
      <View style={styles.container}>
        ...
        ...

syamjayaraj

import React, { Component } from "react";
import { TouchableOpacity, StyleSheet, Alert, Picker } from 'react-native';
import { Container, View, Header, Content, Text, Left, Right, Body, Title, Item, Input, Button, List, ListItem, } from "native-base";
import Communications from 'react-native-communications';

syamjayaraj

export default class App extends Component {
}

syamjayaraj

constructor(props) {
  super(props);
  this.state = {
    isSubmited: false,
    name: null,
    mobile: null,
    group: null,
    donors: [],
    grouptoBeFiltered: null,
  };

syamjayaraj

  componentDidMount() {
    this.timer=setInterval(() =>this.getDonor(), 1000);
  }
  
  async getDonor() {     
        return fetch(`https://blood-donors-db.firebaseio.com/donors.json`)
        .then((response) => response.json())
        .then((responseJson) => {
          this.setState({
            donors: Object.values(responseJson),

syamjayaraj

  addDonor = (name, mobile, group) => {
    if(this.state.name != null && this.state.mobile != null && this.state.group != null){ 
      fetch('https://blood-donors-db.firebaseio.com/donors.json', {
        method: 'POST',
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          "name": name,

syamjayaraj

onValueChange(value) {
  this.setState({
    group: value
  });
}

syamjayaraj

onValueChange2(value) {
  this.setState({
    grouptoBeFiltered: value
  });
}