react native在android网络连接

雨点打透心脏的1/2处 2022-05-28 12:49 163阅读 0赞

# react native在android网络连接 #

### app端 ###

import React, { Component } from 'react';
    import { Alert, AppRegistry, Button, StyleSheet, View } from 'react-native';
    
    export default class ButtonBasics extends Component { 
      _onPressButton() {
        // Alert.alert('You tapped the button!');
        fetch("http://192.168.0.101:5000")
        .then((response) => { return response.json(); }) .then((resJson) => { for(m in resJson) { Alert.alert(m + ":"+resJson[m]); } }) .catch((error) =>{ console.error(error); }); } render() { return ( <View style={styles.container}> <View style={styles.buttonContainer}> <Button onPress={ this._onPressButton} title="Press Me" /> </View> <View style={styles.buttonContainer}> <Button onPress={ this._onPressButton} title="Press Me" color="#841584" /> </View> <View style={styles.alternativeLayoutButtonContainer}> <Button onPress={ this._onPressButton} title="This looks great!" /> <Button onPress={ this._onPressButton} title="OK!" color="#841584" /> </View> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', }, buttonContainer: { margin: 20 }, alternativeLayoutButtonContainer: { margin: 20, flexDirection: 'row', justifyContent: 'space-between' } })

### flask 测试服务器 ###

需要安装flask包  
pip install flask flask\_restful

from flask import Flask
    from flask_restful import Resource, Api
    
    app = Flask(__name__)
    api = Api(app)
    
    class HelloWorld(Resource):
        def get(self):
            return {
       'hello': 'world'}
    
    @app.route('/test')
    def hello():
        print("hello")
        return "hello world"
    
    api.add_resource(HelloWorld, '/')
    
    if __name__ == '__main__':
        app.run(debug=True, host='0.0.0.0')