Tag: react native

如何为React Native修补/填充crypto.getRandomValues: 我使用ReactNativify将一些为NodeJS创build的包移植到React Native，以将Node API对象依赖项重写为他们的browserify等价物。其中之一是crypto 。在transformer.js （或.babelrc ）中我有： // The following plugin will rewrite imports. Reimplementations of node // libraries such as `assert`, `buffer`, etc. will be picked up // automatically by the React Native packager. All other built-in node // libraries get rewritten to their browserify counterpart. [require('babel-plugin-rewrite-require'), { aliases: { crypto: 'crypto-browserify', // […]

将许多video呈现给客户端的最佳方式是什么？: 我有一个nodejs服务器，呈现媒体内容回到我的反应原生移动设备。可以说我们有100个用户同时在我的移动应用页面上加载100个video。加载数据的最佳解决scheme是什么？为什么？我有点卡在使用数据uri / base64编码所有的video内容与简单地从端点获取文件，即 <video src="http://domain/videos/" />. 我倾向于直接加载video文件，因为它会绕过base64编码的video数据; 从而节省移动内存并提高性能。理想情况下，另一个替代scheme（最佳解决scheme）是通过websocket连接将video数据stream发送回客户端; 那么每个数据块将被传递给video元素进行渲染。唯一的问题是我不得不base64编码的数据。

同时只运行第一个任务: 我正在学习React Native，同时学习打字稿。我find了一个初始设置的教程，可以一起工作，效果很好。但是，为了使HRM正常工作，我需要在一个控制台中运行react-native run-android ，并在另一个控制台上npm run watch ，因为这两个任务都控制了控制台。我下面的教程显示了这个package.json ： "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "tsc": "tsc", "clean": "rimraf artifacts", "build": "npm run clean && npm run tsc –", "lint": "tslint src/**/*.ts", "watch": "npm run build — -w", "start:android": "npm run build && concurrently -r \"react-native run-android\" \"npm run watch\"" }, 但是，当我运行start:android它只能得到运行react-native run-android后，它永远不会运行npm […]

React Native / Node API：在发送之后无法设置标题: 我遇到了一个与我的Node API交互的原生应用程序的问题。当我尝试发布数据通过节点更新数据库中的某些值（然后转到存储过程）时，我得到一个500 – 在Node 中发送后，无法设置标题。我能find的所有东西都表示这可能是由于发送了两次响应。我不认为这是这种情况。我已经在邮递员testing，事情工作正常，它返回正确的返回数据200的状态。我正在尝试将数据发布到API，如下所示： const myHeaders = new Headers(); myHeaders.append('Content-Type', 'application/json'); fetch(`http://localhost:3000/user/preferences`, { method: 'POST', headers: myHeaders, mode: 'cors', cache: 'default', body: JSON.stringify({ id: '1', minage: this.state.minageValue, maxage: this.state.maxageValue }) }) .then(response => response.json()) .then(body => console.log(body)) .catch(err => console.log(err)); 我在API端接收数据，并将数据传递给存储过程： function updatePreferences(req, res, next) { console.log(req); var […]

React本机应用程序无法在Android中启动，并在debugging版本上显示多条警告消息: 环境 react-native-cli：2.0.1，node：v8.2.1，npm：5.3.0，目标平台：Android 5.0 x86-64图像开发操作系统：Windows 7专业版，x86_64 的package.json "dependencies": { "axios": "^0.16.2", "buffer": "^5.0.6", "lodash": "^4.17.4", "mobx": "^3.2.1", "mobx-react": "^4.2.2", "react": "16.0.0-alpha.12", "react-native": "0.45.1", "react-native-background-timer": "^1.1.0", "react-native-fetch-blob": "latest", "react-native-timer": "^1.3.1" }, "devDependencies": { "babel-jest": "20.0.3", "babel-preset-react-native": "2.0.0", "jest": "20.0.4", "react-test-renderer": "16.0.0-alpha.12", "tslint": "^5.4.3", "typescript": "^2.4.1", "typings": "^2.1.1" }, 重现步骤 npm安装，npm运行构build，react-native run-android 预期的行为这应该是在通过USB连接的物理设备上或运行的仿真器上成功启动应用程序。实际行为应用程序无法启动这些警告消息： […]

反应本机变换错误: 以前有反应，本地运行良好，不记得改变任何东西，然后这个已经certificate不可能清除的错误。环境Windows 10 react-native-cli：2.0.1 react-native：0.47.1节点v6.11.2 在卸载以前的版本之后全新安装node.js，并从path中删除所有节点和npm目录。按照https://facebook.github.io/react-native/docs/getting-started.html的新鲜安装react-native react-native init AwesomeProject cd AwesomeProject react-native run-android 也试过了 npm我-g react-native-git-upgrade 反应母语-混帐升级重新启动，新build项目，卸载节点，重新安装节点，重新安装react-native，新项目。还是一样的问题。重复与react-native-git-upgrade v0.47.0想知道是否应该尝试降级到早期版本。奇怪的是，这是2天前在8-9天前下载并安装的react-native版本。反复得到同样的错误如下。在这个上失去了太多的时间。真的很痛。开发服务器返回响应错误代码：500 url： http : //10.0.2.2 : 8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false Body：{“message”：“TransformError：D：\ blah \ AwesomeProject \ index.android.js：Unexpected token）（处理预设：\”D：\\ blah \\ AwesomeProject \\ node_modules \\ babel-preset-反应天然\\ index.js \ “）”， “types”： “TransformError”， “LINENUMBER”：0， “说明”： “”， […]

NPM：原生反应的同伴依赖: 我试图在我的MacBook上创build我的第一个反应原生应用程序： $ npm install -g react-native-cli 在我的package.json中有 { "dependencies": { "react": "~15.4.0-rc.4", "react-native": "0.41.0", "react-native-image-carousel": "^0.3.2", "react-native-image-picker": "^0.25.7", "react-native-local-mongodb": "^1.8.2" } } 与npm install我得到的消息 npm WARN react-native-image-carousel@0.3.2 requires a peer of react-native@^0.40.0 but none was installed. npm WARN react-swipeable-views-native@0.10.5 requires a peer of react-native@^0.39.0 but none was installed. 我需要做什么？

React-native：Undefined不是一个对象…当使用'react-native-tts': 我想使用文本来发言我的反应原生的应用程序，所以我导入了反原生tts import React from 'react'; import { StyleSheet, View, TouchableHighlight, Image } from 'react-native'; import Tts from 'react-native-tts'; export default class App extends React.Component { constructor(props) { super(props); this._pressConfig = this._pressConfig.bind(this); this._pressPlay = this._pressPlay.bind(this); } _pressConfig() { console.log("pressed"); } _pressPlay() { Tts.speak("Hello world"); } render() { return ( <View style={styles.container}> <View style={styles.navigation}> <TouchableHighlight onPress={this._pressConfig}> <Image […]

卡在“开始包装” – 反应本机: 当我运行启动的React Native项目（你可以在这里看到）， npm start脚本在Starting packager器上进行扫描我已经阅读了关于这个问题的这个话题：反应社区问题：203 反应母语粘连，在启动，打包反应社区问题：302 但没有一个解决scheme帮助我。我试图改变观察者的数量，但没有工作。我试图安装看守，但没有帮助。一些环境信息： SO：Linux 64位节点v：v7.10.0 任何人都可以帮我吗？

无法parsing模块“react”: 我克隆了https://github.com/oblador/react-native-progress 在示例文件夹上： npm i react-native run-ios 但是我得到一个错误，这是错误screenshoot链接： Unable to resolve module react 这是代码： import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Animated, Easing, View, ViewPropTypes, } from 'react-native'; 为什么我的react模块不能解决，但react native模块可以？