react-native-spotify/index.android.js at master · abbasfreestyle/react-native-spotify · 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
import {AppRegistry} from 'react-native';
import App from './src/app';

AppRegistry.registerComponent('spotifyApp',()=> App);

// import React, { Component } from 'react';
// import {
//   AppRegistry,
//   StyleSheet,
//   Text,
//   Button,
//   View
// } from 'react-native';
//
// import SpotifyAuth from 'react-native-spotify-auth';
// import { ReactNativeAudioStreaming } from 'react-native-audio-streaming';
//
// export default class spotifyApp extends Component {
//
//   constructor(props){
//     super(props)
//     this.state = {
//       token: null,
//       data: null,
//     };
//   }
//   getData(){
//     // console.log(this.state.token);
//
//     const url = {
//       url: "https://api.spotify.com/v1/search?q=ice%20cube&market=GB&type=track" ,
//       headers: {
//          'Authorization': 'Bearer ' + this.state.token
//       }
//     };
//
//     fetch(url).then((data)=> data.json())
//     .then((data)=> {
//       console.log(data)
//       this.setState({data: data},()=> console.log(this.state.data))
//     })
//     .catch((err)=> console.log(err));
//   }
//
//   playfirst(){
//     const url = this.state.data.tracks.items[19].preview_url;
//     console.log(url);
//     ReactNativeAudioStreaming.play(url, {showIniOSMediaCenter: true, showInAndroidNotifications: true});
//   }
//
//   stopIt(){
//     ReactNativeAudioStreaming.stop();
//   }
//
//   login(){
//     let auth = new SpotifyAuth('3a47ad198e40406aae4e05e8d0e003db', 'spotify-app://');
//     auth.startLogin()
//       .then(
//         function(data) {
//           console.log(data.token);
//           this.setState({token: data.token},()=>console.log(this.state.token))
//         }.bind(this),
//         function(error){
//           console.warn(error);
//         }
//       );
//   }
//
//   render() {
//
//     return (
//       <View style={styles.container}>
//         <Text style={styles.welcome}>
//           Welcome to React Native!
//         </Text>
//         <Button title="login" onPress={this.login.bind(this)} />
//         <Button title="search" onPress={this.getData.bind(this)} />
//         <Text style={styles.instructions}>
//           To get started, edit index.android.js
//         </Text>
//         <Button title="Play" onPress={this.playfirst.bind(this)} />
//         <Button title="stop" onPress={this.stopIt.bind(this)} />
//         <Text style={styles.instructions}>
//           Double tap R on your keyboard to reload,{'\n'}
//           Shake or press menu button for dev menu
//         </Text>
//       </View>
//     );
//   }
// }
//
// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     justifyContent: 'center',
//     alignItems: 'center',
//     backgroundColor: '#F5FCFF',
//   },
//   welcome: {
//     fontSize: 20,
//     textAlign: 'center',
//     margin: 10,
//   },
//   instructions: {
//     textAlign: 'center',
//     color: '#333333',
//     marginBottom: 5,
//   },
// });
//
// AppRegistry.registerComponent('spotifyApp', () => spotifyApp);