Tag: 反应原生

直接从ReactNative（iOS）发布到带有签名请求的AWS S3: 我正在尝试重新创build在React Native中上传用户提交图像的Heroku示例，但不断收到来自AWS的400个错误。这些图像来自iOS相机胶卷。我有这个图像的uri和一个base64编码的图像版本。 MIMEtypes是image/jpeg 。到目前为止，我已经把所有东西都设置成了Heroku所说的，但是我无法使文件发送正确的形状。我在下面添加了我的代码以进行说明。我正在使用react-native-image-picker从相机胶卷中select图像客户端代码 module.exports = React.createClass({ … openPhotos() { // called on a button press, opens camera roll ImagePicker.showImagePicker(options, (response) => { if (response.didCancel) return; if (response.error) return Alert.alert('ImagePicker Error: ', response.error); this.getSignedRequest(response); }); }, getSignedRequest(pickerResp) { // image uri IS pickerResp.uri AS IS `data:image/jpg;base64,${pickerResp.data}` var file […]

React-Native Image Viewer？: 我一直在寻找React Native中的一个组件来处理以全屏模式显示多个图像，用户可以通过轻扫，捏和缩放，并通过向下滑动来消除。这似乎是一个受欢迎的组件，但我一直没能find任何这样做。似乎接近我正在寻找的唯一的东西是使用ScrollView，并实现maximumZoomScale和pagingEnabled选项。有谁知道是否存在一个npm包来实现这个function？

如何理解这个语法？ var {…} = React;: 在反应原生的例子： https ： //github.com/facebook/react-native var React = require('react-native'); var { ScrollView, TouchableHighlight, Text } = React; var TouchDemo = React.createClass({ render: function() { return ( <ScrollView> <TouchableHighlight onPress={() => console.log('pressed')}> <Text>Proper Touch Handling</Text> </TouchableHighlight> </ScrollView> ); }, }); 这个语法是什么意思？ var { ScrollView, TouchableHighlight, Text } = React; 我在nodejs控制台中键入它导致语法错误。这种特殊的JavaScript语法仅适用于React Native吗？谢谢

在安装React-Native时，npm错误“标题内容包含无效字符”？: $ sudo npm install –g react-native-cli npm ERR! addLocal Could not install /usr/local/bin/–g npm ERR! Darwin 14.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "–g" "react-native-cli" npm ERR! node v6.2.2 npm ERR! npm v2.14.7 npm ERR! The header content contains invalid characters npm ERR! npm ERR! If you need help, you may report this error at: […]

告诉react-native打包者观看一个非javascript文件: 我正在使用babel插件将.env文件中的环境variables加载到React Native项目中，但直到导入它们的JavaScript文件发生变化时才会加载对.env文件的更改。我想要一个方法告诉react-native打包器在这个文件改变的情况下重新编译。我会接受一个答案：当特定文件（ .env ）发生更改时，只需重新编译整个项目.env 。只重新编译包含特定string的文件，如foo 有一个简单的方法来做到这一点，通过编写一个插件/中间件？也许是一个单独的后台脚本，引发反应 – 本机打包者正在监听的事件给看守？ [编辑在回复评论] 我目前的.babelrc如下，其中babel-plugin-react-native-config是我写的一个插件，用于与react-native-config软件包一起执行热variables交换。 { "presets": [ "react-native" ], "plugins": [ ["babel-plugin-espower", { "sourceRoot": "./App" }], "transform-flow-strip-types" ], "env": { "production": { "plugins": [ "babel-plugin-unassert", ] }, "development": { "plugins": [ ["babel-plugin-react-native-config", { envfile: ".env" }] ] } } } 问题是react-native打包程序只能看javascript文件。我不认为改变我的babelconfiguration将有所帮助，除非babel可以以某种方式向上说出反应 – 本地或守望者通知它，某些文件需要重新编译… […]

如何在React Native中启用Android监视器来检查日志？: 我是新来的本地人。我想看看我的反应文件的日志。我正在使用android工作室作为模拟器使用反应的本地项目和genny运动。你可以请指导我，我怎么能看到日志或启用安卓工作室的Android监视器。即使我已经安装了反应开发工具从Facebook的debugging代码： https ： //facebook.github.io/react-native/docs/debugging.html 但无法获得特定的解决scheme 已经访问过：如何debuggingreact-native？如何在React Native中执行日志logging？我已经检查了这么多的解决scheme，但它不是在andoird 6.0版本中工作但不工作请引导我，在此先感谢

是否可以将React Native与socket.io结合使用: 我正在开发一个Phonegap + React.js和Socket.io的应用程序。然而，那么React-Native就被释放了，原生的感觉是惊人的。我试图让socket.io客户端与React Native工作，但不幸的是没有太多的成功。我做了一些研究，并得到了与本问题中所述完全相同的错误： https : //github.com/facebook/react-native/issues/375 关于这个问题的评论说，尝试使用获取API来获取JS模块，但我认为我做错了： var socketScript; fetch('https://cdn.socket.io/socket.io-1.2.0.js') .then(function(response) { socketScript = response._bodyText; }).done(function() { var socket = socketScript.io(); }); 这返回一个undefined不是一个函数。有什么办法让socket.io-client与React Native一起工作吗？还是我看着这个错误的方式？也许还有其他更合适的解决scheme？