Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Syamlal CM syamjayaraj

🎯
Focusing
View GitHub Profile
View App.js
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() {
View App.js
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 },
View App.js
export default class FAB extends Component {
...
...
render() {
const { data } = this.state;
return (
<View style={styles.container}>
...
...
View App.js
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';
View App.js
export default class App extends Component {
}
View App.js
constructor(props) {
super(props);
this.state = {
isSubmited: false,
name: null,
mobile: null,
group: null,
donors: [],
grouptoBeFiltered: null,
};
View App.js
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),
View App.js
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,
View App.js
onValueChange(value) {
this.setState({
group: value
});
}
View App.js
onValueChange2(value) {
this.setState({
grouptoBeFiltered: value
});
}