标签: react-native-android

我是新来回应本机,我正在尝试构建一个应用程序,看看它是如何工作的,我按照这里给出的步骤

React Native入门

它说,直到下午开始,一切似乎都很好,在我键入npm start之后

12:08:53 PM:开始打包...

并且卡在那,我做错了什么,我在Ubuntu 16.04

任何输入都会有所帮助

我是React-Native的新手.按照基本的React-Native教程,我试图从" https://facebook.github.io/react-native/movies.json " 获取JSON数据.我可以显示title和description属性,但当我尝试使用ListView我显示"电影"属性时,我收到以下错误:

undefined不是对象(评估'allRowsIDs.length')

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  ListView
} from 'react-native';

var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});

export default class AwesomeProject extends Component {
  constructor(props) {
    super(props);
    this.state = { 
        dataSource: 'init',
    };
  }

  componentWillMount() {
    fetch('https://facebook.github.io/react-native/movies.json')
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({ dataSource: ds.cloneWithRows(responseJson.movies) });
      })
      .catch((error) => {
        console.error(error);
      });
  }

  render() {
      return ( …

我在Windows 10上运行:

该文件夹的权限是Everyone&Full Access.

Cmd行设置为Administrator.

--version react-native-cli:2.0.1

--version react-native:0.47.2

* What went wrong:
Execution failed for task ':@myApp/react-native-spinkit:mergeReleaseResources'.
> java.io.IOException: Could not delete path 'C:\Users\My\Desktop\App\node_modules\@myApp
\react-native-spinkit\android\build\intermediates\res\merged\release\drawable-xhdpi-v4'.

例如,我将得到上面的错误.有时它说不能删除一些中间路径,有时,它说它无法创建它们.

它不是固定的错误输出,每次遇到麻烦的中间文件夹都不同.当我React-native run-android在好日子重复2-3次时,它将成功编译.在糟糕的日子里,我将重复cmd 10-15次,然后它突然起作用.

顺便说一句,我也使用android/gradlew clean命令来确保它也进行清洁.

我注意到的一件事是,每次失败,编译百分比%都会进一步增加.直到最后,如果我看到100%那么它将起作用.

相同的代码一次编译与Mac,Android物理或虚拟机,在Mac上同样的东西是非常稳定的.我的Windows安装程序只会出现此问题.有没有人和我一样经历过同样的事情？我有什么办法可以解决这个问题吗？

我正在尝试安装react-native-camera.

我做到了npm install react-native-camera react-native link react-native-camera.

它给了我错误的说法Gradle sync failed: Could not find method google() for arguments [] on repository container.

我也尝试了手动链接,如文档中所述,直到我添加的第6步

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
        maven { url "https://maven.google.com" }
    }
}

我使用的是exifinterface版本,例如27. +而不是25. +

我有distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zipdistributionUrl和classpath 'com.android.tools.build:gradle:2.2.3'

我不知道我错过了什么.当我打开我的Android工作室时,它给了我错误Gradle sync failed: Could not find method google() for arguments [] on repository container

当我react-native run-android在手机上运行时,它给了我错误的说法undefined is not an object (evaluating 'cameramanager.aspect') …

有什么方法或框架可以Running On Device从 android studio 运行选项来启动应用程序。（而不是 react-native run-android 命令）

我没有从React-Native Docs看到任何类似的东西。

更新：经过研究，我得到了一些信息。我看到有可能创建/修改一个gradle 任务，该任务可以运行 yarn 命令来启动我的应用程序。将保持发布。

我试图实现与Facebook或Instagram相同的功能:立即
预览相机拍摄的图像

此时,调用此函数时我的摄取正确:

takePicture = async function() {
   if (this.camera && this.state.isConnected === true) {
      const options = { quality: 0, base64: false };
      const data = await this.camera.takePictureAsync(options);
      this.toLoading(data.uri);
   }
};

如此处所示,摄像机质量选项设置为0,以确保问题不是由图像处理引起的.

我也将我的RNCamera道具设置为降低,如下所示:

      autoFocus={"off"}
      skipProcessing={true}
      type={"back"}
      flashMode={"off"}
      zoom={0}
      whiteBalance={"auto"}
      ratio={"16:9"}

我在android和ios上测试了这个,即使ios似乎更快地执行它,它仍然不会立即执行.
有没有人能够使用react native重现facebook/instagram相机预览？我一直在寻找github回购,在我的情况下似乎有很多人,但仍然没有解决方案.我还注意到人们试图推出世博会项目以继续本机代码,但延迟仍然存在.

我正在学习如何将tabNavigator,DrawerNavigator和StackNavigator配置成一个没有NativeBase或Expo的单一反应导航库.

我实现了它,但是当我在我的应用程序中执行某些特定序列时出现错误.

应用程序从Tab Screen开始. - >更改选项卡 - >打开抽屉 - >转到堆栈 - >打开抽屉然后转到选项卡会出现此错误.

这是我的代码:

App.js

import React from 'react';
import {Drawer} from "./src/navigation/MergedNavigator";
import {View,Text} from "react-native";

const App = () => (
    <View style={{flex: 1,backgroundColor: '#293656'}}>
        <Drawer />
    </View>
);

export default App;

MergedNavigator.js

import {DrawerNavigator,StackNavigator,createBottomTabNavigator} from 'react-navigation';

// stack navigation screens
import DetailScreen from '../screens/detail';
import MainScreen from '../screens/main';
import ForgotScreen from '../screens/ForgotScreen';
import RegisterScreen from '../screens/RegisterScreen';

// tab navigator screens
import LoginScreen from '../screens/Login';
import TabOne from '../screens/tabA'; …

父组件：

routes.forEach((data, index) => {
  content.push(<Item key={index} offset={688} route={route} />)
})

Item 零件：

scrollAnimate (toValue) {
  const { offset } = this.props;

  Animated.timing(
    this.state.xTranslate,
    {
      toValue,
      duration: 20000,
      easing: Easing.linear,
      useNativeDriver: true
    }
  ).start((e) => {
    if (e.finished) {
      const newState = {xTranslate: new Animated.Value(offset)}
      this.setState(newState, () => { this.scrollAnimate(toValue) })
    }
  });
}

我希望每个ItemComponent循环都设置动画，但是事实是所有ItemComponents动画结束，然后所有ItemComponent一起开始动画。我该如何解决？

这对我来说是一个长期存在的问题，我根本找不到解决方案。

在我的本机项目（react-native-cli）中，我使用 axios 包向服务器发送请求。但是当我用我的安卓手机进行测试时，它给出了 [错误：网络错误]。用模拟器，没问题。

我确定这不是后端问题，因为我已经用多台服务器进行了测试。而且我也使用了 fetch 但得到了同样的错误。

这里是版本信息。

"axios": "^0.19.0",
"react": "16.9.0",
"react-native": "0.61.5",

有时，它也适用于安卓手机。这个问题是最大的谜，我受了很长时间的苦。

遇到过这个问题的人，请给我活着。感谢您的仔细阅读。

有时，即使使用 android 模拟器也无法正常工作。但是在删除原始模拟器并创建新模拟器后，它可以正常工作。

const serverUrl = "https://server.com";
axios.post(serverUrl + "/api/candidates/login", {
            "email": this.state.email ,
            "password": this.state.password
        }, {
            headers: {
                'Content-Type': 'application/json'
            }
        }).then((response) => {
                console.log(response.data);
        }).catch((error) => {
                console.log(error);
        })

我正在向服务器发出 POST 请求以上传图像并在 react-native 中使用 axios 发送表单数据。我收到“网络错误”。我也尝试 fetch 但没有任何效果。使用 react native image picker libeary 选择 image.in postman api 工作正常

        formData.append('title', Title);
        formData.append('class_id', selectClass._id)
        formData.append('subject_id', checkSelected)
        formData.append('teacher_id', userId)
        formData.append('description', lecture);
        formData.append('type', 'image');

       var arr=[];
       arr.push(imageSource)
       arr.map((file,index)=>{
       formData.append('file',{
       uri:file.path,
       type:file.type,
       name:file.name
       })
       })


       axios({
       method: 'post',
       url: URL + 'admin/assignment/create',
       data: data,
       headers: {
       "content-type": "multipart/form-data",
       'x-auth-token': token,
        },
       })
     .then(function (response) {
    //handle success
    console.log('axios assigment post',response);
      })
   .catch(function (response) {
     //handle error
      console.log('axios assigment post',response);
    });