Articles of 反应原生

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?