Tag: 反应原生

无法从反应本机点击推送本机视图控制器: 我们正在添加对现有应用程序本机的反应，并且在将原生视图控制器推到另一个原生视图控制器之上时遇到困难，所述原生视图控制器包含反应本地视图主视图控制器的viewDidLoad如下所示： -(void)viewDidLoad { … RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName: @"ListingsView" launchOptions:nil]; self.view = rootView; } 反应视图是一个ListView，其中TouchableHighlight的onPress被导出到同一个视图控制器上的这个方法： RCT_EXPORT_METHOD(productClicked:(NSDictionary *)productDict) { dispatch_async(dispatch_get_main_queue(), ^{ SNKProduct *product = [[SNKProduct alloc] initWithDictionary:productDict]; SNKProductViewController *vc = [[SNKProductViewController alloc] initWithProduct:product]; [self.navigationController pushViewController:vc animated:YES]; }); } 该方法是明确的，但SNKProductViewController永远不会被推到屏幕上（没有日志消息）。我也尝试模态地呈现视图控制器，并得到这个控制台消息： Warning: Attempt to present <SNKProductViewController: 0x7feadf247d10> on <SNKProductsViewController: 0x7feada5e2a20> whose view is […]

反应本机外部样式表: 在React Native中有一种方法，我可以将所有样式放在单个文件中，以便可以很容易地维护（从我的angular度来看），就像在HTML中一样.css文件。而且我也有一个基于当前用户有不同风格的模块。

如何在React本地创build拖放操作？: 假设我有两个视图A和B.我希望能够在触摸视图A时触发“dragAndDropStart”事件，然后启用从A拖放到B …在整个过程中向用户显示反馈（即显示在视图A和用户的手指之间出现的一条线）。在放下（释放拖动手势）我想触发另一个“dragAndDropEnd”事件，这次在视图B. touchStart和touchEnd处理程序太有限，因为它们似乎不允许将手势从一个视图切换到另一个视图。他们似乎也没有启用中间的“拖”状态。关于使用手势处理程序的React本机文档有点神秘，我还没有看到任何示例说明它们的用法。有任何想法吗？

检测是否通过推送通知打开了React Native iOS应用程序: 检测应用程序是否从推送通知中启动/打开描述如何通过用户点击推送通知来检测本机iOS应用程序是否已打开（即启动或仅启用）。我如何在React Native中做同样的事情？ PushNotificationIOS让我附上通知侦听器… PushNotificationIOS.addEventListener('notification', function (notification) { console.log('got a notification', notification); }); 但是当前台应用程序收到推送通知时，以及当我通过推送通知打开应用程序时，会触发这两种情况。我如何检测第二种情况？

如何运行React-Native示例？: 我找不到任何有关如何安装和运行“ https://github.com/facebook/react-native/tree/master/Examples ”中提供的其他示例的说明，例如“ https：// github”。 com / facebook / react-native / tree / master / Examples / Movies '。本教程只是告诉你做的 react-native init AwesomeProject 抓住“ https://github.com/facebook/react-native/tree/master/Examples/SampleApp ”。如果我克隆整个“react-native”存储库，然后运行 npm install npm start 从根文件夹（即“/ react-native”），然后在Xcode中打开“/react-native/Examples/Movies/Movies.xcodeproj”，并运行项目，似乎生成的罚款。模拟器出现，为应用程序显示一个“电影”介绍屏幕，但随后死亡的红色屏幕出现： :0 和terminal，其中“npm start”在根文件夹处运行，输出： Error: EISDIR, read at Error (native) [02:35:02] <START> request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle

反应本机：链接API不发现Uber应用程序: 出于某种原因，即使“openURL”方法打开它，React Native Linking API的“canOpenURL”方法也无法检测到我设备上的Uber应用程序。有什么我失踪下面？ constructor(props) { super(props); this.state = { uberURL: 'uber://?client_id=eJCfG86Rz&action=setPickup', isUberInstalled: false }; } componentWillMount() { Linking.canOpenURL(this.state.uberURL).then(isUberInstalled => { this.setState({ isUberInstalled: isUberInstalled }); }); } this.state.isUberInstalled总是为false

无法从一个TextInput点击到另一个: 当我集中在一个TextInput ，在另一个TextInput字段中敲击不会达到我所期望的效果（将焦点更改为该TextInput ）。相反，它只是模糊了当前的TextInput ，需要第二次点击来关注下一个TextInput 。有没有办法做到这一点，或者这是目前的React Native的缺点？示例代码： class MyTest extends Component { render() { return ( <ScrollView style={styles.container}> <View> <TextInput style={styles.textInput} /> <TextInput style={styles.textInput} /> </View> </ScrollView> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#ddd', paddingTop: 64 }, textInput: { backgroundColor: '#fff', borderColor: '#000', borderWidth: 1, height: 46, […]

React Native：SyntaxError：严格模式不允许在词法嵌套语句中的函数声明: 从React Native 0.22.2升级并升级一些插件后，我开始在iOS上发生这个错误。我试过降级并重新安装一切，但我无法摆脱它。其他人遇到这个问题： SyntaxError: Strict mode does not allow function declarations in a lexically nested statement. 更新＃1：除了恢复模块，我已经注释了任何'use strict'; 我更新的一个是npm和节点。我正在运行节点v5.3.0和npm v3.8.3。我不记得我有什么版本… 更新＃2：我正在使用的模块有自己的反应： "dependencies": { "deep-freeze": "github:substack/deep-freeze", "react": "^0.14.7", "react-native": "^0.22.2", "react-native-activity-view": "^0.2.8", "react-native-animated-progress-bar": "^1.0.0", "react-native-audio": "^1.0.0", "react-native-camera": "git+https://github.com/lwansbrough/react-native-camera.git", "react-native-device-info": "^0.9.1", "react-native-fs": "^1.2.0", "react-native-html-to-pdf": "^0.1.2", "react-native-in-app-utils": "^2.3.0", "react-native-mail": "^0.2.4", "react-native-passcode-auth": "^1.0.0", […]

无法在React Native中显示图像: 我正在使用react-native 0.28.0 我试图根据本教程在iPhone模拟器上显示图像： http : //www.appcoda.com/react-native-introduction/ var styles = StyleSheet.create({ image: { width: 107, height: 165, padding: 10 } } var imageURI = 'http://books.google.com/books/content?id=PCDengEACAAJ&printsec=frontcover&img=1&zoom=1&source=gbs_api' 然后在render()函数中添加这个： <Image style={styles.image} source={{uri:imageURI}} /> 分配给图像的空间在那里，但图像不显示。

如何检查iOS上反应本机应用程序的networkingstream量？: 我正在使用最新的React Native（撰写本文时为0.18），并希望检查我的iOS模拟器所提供的networking请求。使用最新的Xcode“工具”，我得到这个：。我在10.11和10.10机器上都得到同样的错误，都使用最新的Xcode。我也试过使用查尔斯，但它无法拦截stream量。 Wireshark能够看到它，但是我之后的数据是基于SSL的，所以我无法访问它。作为一个web开发者，理想情况下，我想检查我的chromedebugging器中的networkingstream量，但是我知道在这种环境下这是不可能的，但是仅仅查看原始分组数据对于debugging目的来说是不够友好的。谁知道这个解决scheme？