标签: react-native-android

我使用django作为后端,并为应用程序做出反应原生.当应用程序在react-native app中打开时componentDidMount(),该方法将通过url请求django服务器:

export default class App extends React.Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {
        this.fromServer()
    }
    fromServer() {
        var headers = new Headers();
        headers.append('Accept', 'application/json');
        let a = fetch('http://xxx.xxx.xx.xx:8080/posts/', headers)
            .then(function(response) {
                console.log('fetched...')
                    if (response.status !== 200) {
                        console.log('There was a problem. Status Code: ' +  response.status);  
                        return;
                    }
                    response.json().then(function(data) {  
                        console.log(data);
                    });  
                }  
            )  
            .catch(function(err) {  
                console.log('Fetch Error :-S', err);  
            });
    }
    render() {
        return (
            <View>
                <ListView dataSource=?????></ListView>
            </View>
        );
   }
}

服务器将响应一组json对象.像这样:

[
    { …

我尝试了这个答案,但它不适用于Android

如何打开"设置" Linking.openURL('setting-url-here')

谢谢

将expo版本更新为31.0.0后，我无法再运行我的应用程序。我需要此升级才能提供iOS 12版本的支持。尝试构建Android应用后，您将无法再使用它。

我的package.json如下所示：

{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-native-scripts": "1.13.1",
    "jest-expo": "^31.0.0",
    "react-test-renderer": "16.3.0-alpha.1"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "jest"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "expo": "^31.0.4",
    "react": "16.5.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz",
    "react-native-image-slider": "^2.0.3",
    "react-native-onesignal": "^3.1.4",
    "react-native-progress": "^3.4.0",
    "react-native-render-html": "^3.9.3",
    "react-navigation": "^1.5.11"
  }
}

app.json看起来像：

{
  "expo": {
    "sdkVersion": "31.0.0",
    "name": "myapp",
    "slug": "myapp",
    "version": "0.1.1",
    "isDetached": true,
    "detach": …

有没有办法在本机应用程序中为设备自动设置调试服务器主机和端口？

我必须触发这个菜单并为我的应用程序设置一个代理，我希望它在应用程序安装时自动完成。那可能吗？

我正在使用 expo 构建一个 react-native 应用程序，但是，我有一个错误，因此我无法继续构建该应用程序。我什至在错误消息中提到的 node_modules 中查找文件。我正在使用 react-native-gesture-handler 进行屏幕导航。如果我卸载了 react-native-gesture-handler 并删除了导航代码，这会解决我的错误吗？我该如何解决？

应用程序.js

import React, { Component } from 'react';
import { StackNavigator } from 'react-navigation';
import Plan from './screens/Plan';
import Home from './screens/Home';


const AppNavigator = StackNavigator({
  PlanScreen: { screen: Home },
  HomeScreen: { screen: Plan }
});

export default class App extends Component {
  render() {
    return (
      <AppNavigator/>
    )
  }
}

主页.js

import React, { Component } from 'react';
import { View, Text, Button, TextInput } from 'react-native'; …

这个错误突然开始出现。

Node : v10.16.3
React native : 0.60.5
react-native-cli: 2.0.1

捆绑失败：错误：无法stream从/Users/username/React Native/SampleApp/node_modules/browser-stdout/index.js以下位置解析模块：模块stream在 Haste 模块映射中不存在

它给出了这一行的错误：

var WritableStream = require('stream').Writable

我尝试通过 npm 安装“流”

npm install stream

然后其他类似的错误开始出现。

我正在为我的纯RN 0.61.2应用程序使用React-Navigation。当我在调试模式下使用它时，该应用程序运行完美。但是，在发布模式下，当我尝试打开抽屉导航菜单或在选项卡菜单中向下滚动时，应用程序会立即崩溃。

...
  "dependencies": {
    "@react-native-community/async-storage": "^1.6.2",
    "@react-native-community/netinfo": "^4.4.0",
    "@react-native-community/slider": "^2.0.2",
    "react": "16.9.0",
    "react-native": "0.61.2",
    "react-native-admob": "^2.0.0-beta.6",
    "react-native-gesture-handler": "^1.4.1",
    "react-native-reanimated": "^1.3.0",
    "react-native-screens": "1.0.0-alpha.23",
    "react-native-vector-icons": "^6.6.0",
    "react-navigation": "^4.0.10",
    "react-navigation-drawer": "^2.2.2",
    "react-navigation-stack": "^1.9.3",
    "react-navigation-tabs": "^2.5.5"
  },
...

    implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
    implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

import {enableScreens} from 'react-native-screen';
enableScreens();

import {useScreens} from 'react-native-screen';
useScreens();