TreandingTest.js

import React, {Component} from 'react'
import {
  View,
  StyleSheet,
  Text,
  TextInput
} from 'react-native'
import NavigationBar from './js/common/NavigationBar'
import GitHubTrending from 'GitHubTrending'

const URL = 'https://github.com/trending/'
export default class TreandingTest extends Component {
  constructor (props) {
    super(props)
    this.trending = new GitHubTrending()
    this.state = {
      result: ''
    }
  }
  onLoad () {
    let url = URL + this.text
    console.log(url)
    this.trending.fetchTrending(url)
        .then(result => {
          this.setState({
            result: JSON.stringify(result)
          })
        })
        .catch(error => {
          this.setState({
            result: JSON.stringify(error)
          })
        })
  }
  render () {
    return <View>
      <NavigationBar
        title={'TreandingTest'}
       />
      <TextInput
        style={{borderWidth: 1,
          height: 40,
          margin: 6
        }}
        onChangeText={text => this.text = text}
       />

      <View style={{flexDirection: 'row'}}>
        <Text style={{fontSize: 20, margin: 5}}
          onPress={() => this.onLoad()}
          >加载数据</Text>
        <Text style={{flex: 1}}>
          {this.state.result}
        </Text>
      </View>
    </View>
  }
}