projectawesome/projectgetmethod.txt at master · kalleo1996/projectawesome · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
v// JavaScript source code
// JavaScript source code
// JavaScript source code
// JavaScript source code
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
	ActivityIndicator,

} from 'react-native';

//hey it cool


export default class gettingAlluserEx extends Component<{}> {

 constructor(props){
        super(props);
  this.state = {
   isloading:true,
   datasource:null,
    accesstoken:null,
	username:this.props.navigation.state.params.username,

  }
  }

  componentDidMount()
  {
    fetch('http://192.168.8.100:8080/api/auth/userb', {
    method:'GET',
    headers: {

        Accept: 'application/json',
      'Content-Type': 'application/json',
    },
    //body: JSON.stringify(data),
  })

	  .then((response) => response.json())
	  .then((responseJson) => {


	   let acesstoken =JSON.stringify(responseJson);

	  this.setState(
	  	  {
		  	  isLoading:false,
			  datasource:acesstoken
		  })


    })
	.catch((error) => {
	   console.warn(error)

	});

  }
      render() {
        if(this.state.isLoading){
	        return (
            <View style={styles.container}>
			<ActivityIndicator/>

			</View>
			)
	}
	else
	{
	  let namesofUserb =this.state.datasource.map((val,key) =>
	  {
	     return<View key={key}  style={styles.item}>
		 <Text>{val.name}</Text>
		 </View>

	  });

        return (
            <View style={styles.container}>

				{namesofUserb}


            </View>
         )
		}
    }
}

const styles = StyleSheet.create({
    container: {

        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        //backgroundColor: '#212121'
    },
    logoText: {
        marginVertical: 10,
        fontSize: 18,
        color: 'rgb(0, 0, 0)'
    },
	item :
	{
		flex:1,
		alignSelf:'stretch',
		margin:10,
		 alignItems: 'center',
        justifyContent: 'center',
		borderBottomWidth: 1,
		borderBottomColor:'#eee'
	}
});