Tag: react native

反应原生iOS应用程序在部署后不显示静态资产(图像)

我的所有静态图像都放在我的项目根目录下名为“images”的文件夹中。 但是,在我运行以下命令捆绑我的应用程序后,该应用程序工作,但没有图像显示。 我用来捆绑的命令: ./react-native bundle –minify –entry-file index.ios.js –platform ios –dev false –bundle-output main.jsbundle –assets-dest ./assets 请注意,资产文件夹是创build的,它有我的图像文件夹与所有图像确定。 你能帮忙吗?

React Native – 在AppDelegate(iOS)中从Native发送事件到JavaScript

在我的React本地应用程序中,我试图从AppDelegate的本地代码发送到JavaScript。 为此,我打电话给: [self.bridge.eventDispatcher sendAppEventWithName:@"EventReminder" body:@{@"name": eventName}]; 在我的应用程序委托。 当然要做到这一点我需要导入: 导入“RCTBridge.h” 导入“RCTEventDispatcher.h” 并合成桥梁 @synthesize bridge = _bridge; 但事件之后,桥variables不存在。 为了使这个错误消失,我让我的AppDelegate符合RCTBridgeModule协议,如下所示: AppDelegate : UIResponder <UIApplicationDelegate, RCTBridgeModule> 然后在我的AppDelegate.m中,我做了: RCT_EXPORT_MODULE() 毕竟,我的桥梁终于不是错误,但每次我在AppDelegate中使用它,它是零。 我哪里错了? 提前致谢。

项目中缺lessmain.jsbundle,Foundation和Security,导致错误

我注意到,文件main.jsbundle文件是从项目中缺less,我不知道如何解决它,我应该删除文件/是否有一个步骤,我可以执行解决它? 这里是它在项目中的一个截图: 更新: 类似的问题也出现在下面的框架中

React Native Build命令失败:PhaseScriptExecution …(domain = NSPOSIXErrorDomain,code = 2)

环境 Mac OS X Version 10.11.3 (15D21) Xcode Version 7.2 (7C68) Simulator Version 9.2 (SimulatorApp-643) react-native-cli 0.1.10 node v5.5.0 我在运行应用程序之前做了什么 npm install -g react-native-cli react-native init DemoProjectDELETEME cd ./DemoProjectDELETEME react-native run-ios 我是React Native的新手。 当我尝试在iOS模拟器上运行默认应用程序时,出现以下错误。 我发现了类似的问题,但它不能解决我的问题。 Xcode6无法在模拟器中运行任何应用程序(Domain = NSPOSIXErrorDomain,Code = 3) 重启机器和模拟器后,问题仍然存在。 ** BUILD FAILED ** The following build commands failed: PhaseScriptExecution Run\ Script /Users/x/Desktop/DemoProjectDELETEME/ios/build/Build/Intermediates/React.build/Debug-iphonesimulator/React.build/Script-006B79A01A781F38006873D1.sh (1 […]

反应当地卡片轮播视图?

有谁知道我们如何在React Native中实现这种视图,或者有没有可用的组件可以帮助解决这个问题? 我也见过F8 2016的应用程序,一直在寻找如何实现过渡和水平滚动旋转木马般的观点。

无法parsing模块react / lib / ReactUpdates

我正在克隆一个项目: 步骤是: npm我 反应本地链接 当我运行它react-native run-ios我有RCTWebSocket库的问题。 这个问题很容易解决,如果你稍微search一下,只需要在Custom Compiler Flags删除2个编译Custom Compiler Flags 。 后来我再次运行react-native run-ios并且工作正常,但是当应用程序打开时,显示下一个错误: search我发现是有关upgrade , 在这里来源 但我使用该命令,不起作用。 当执行这个命令时,它开始显示一些覆盖到一些文件,并在这个过程结束时,问题依然存在。 我的反应信息: react-native-cli: 1.0.0 react-native: 0.32.1 我在Xcode 8和ios 10.0 PDTA:当我开始一个新项目的作品完美 更新: 当另一台Mac上的克隆工作时,我确保具有相同版本的xcode和节点。 可能是一些macconfiguration问题? The only difference between the 2 macs is the cli version: `react-native-cli: 1.1.0` –> my mac `react-native-cli: 1.2.0` –> the other mac 这是否足以造成所有这些问题?

如何在React Native应用程序中在iOS的后台运行socket.io?

我在iOS React Native(v0.20) app使用socket.io 。 该应用程序跟踪我的位置,当我的位置改变它发出一条消息到服务器。 如果套接字连接丢失,服务器发送一封电子邮件通知我。 我有位置跟踪与react-native-location在后台工作,但我不能让socket.io工作。 当我改变应用程序或closures屏幕,应用程序不断跟踪我的位置,但我失去了套接字连接。 有没有办法在像位置跟踪的背景下运行socket.io ? 有没有一些本地代码,将允许我在后台保持client/server connection ? 我知道有一个WebSocket的替代品,但我不能看到一种方式让它在后台运行。 更新:我检查了我的Info.plist ,它已经为react-native-location设置了必要的背景值。 我不知道它是否重要,但套接字工作和位置跟踪是在同一个组件中完成的。 LocationComponent.js window.navigator.userAgent = 'react-native'; const io = require('socket.io-client/socket.io'); const socket = io(url, {jsonp: false}); import React, { Text, View, DeviceEventEmitter } from 'react-native'; import { RNLocation } from 'NativeModules'; export default GeolocationExample = React.createClass({ componentDidMount: function() { […]

React Native“无法连接到开发服务器”。

我知道这已经被问了几次,但没有解决scheme为我工作。 事实上,有时它连接和我的应用程序运行在设备上,但一两次尝试后,没有改变,它突然没有。 我的应用程序总是在模拟器中运行。 我已经在AppDelegate.m和RCTWebsocketExecutor.m中设置了我的IP。 我已将App Transport安全设置设置为“允许任意加载”,甚至将其设置为允许我的IP。 我的应用程序正在使用react-native-storage来存储用户,不确定在testing时是否会导致任何问题。

在方向改变时防止白色边缘

我用最小的React-Native应用程序重现了这个问题: render() { return View({style: { flex: 1, backgroundColor: 'black' }}) } 当我旋转手机时,在方向转换过程中,屏幕的一侧有一个白色部分。 如何将该区域的颜色与背景的其余部分相同?

如何将导航器引用传递给React Native <Drawer />?

在我的index.ios.js中使用react-native-drawer( https://github.com/root-two/react-native-drawer ),我有以下的设置,并试图将“navigator”引用传递给内容的< Drawer />的DrawerPanel />。 我在<DrawerPanel /> console.log(this.props.navigator),但是当我尝试类似于this.props.navigator.replace()在<DrawerPanel />中传入一个错误的导航器引用时, 我如何传递正确的导航器构造函数,如传递给renderScene和configureScene? : class practice extends Component { … renderScene(route, navigator){ … } configureScene(route, routeStack){ … } render() { return ( <Drawer content={<DrawerPanel navigator={navigator}/>} … > <Navigator configureScene={this.configureScene} initialRoute={{name: 'Login', component: Login}} renderScene={this.renderScene} style={styles.container} navigationBar={ <Navigator.NavigationBar style={styles.navBar} routeMapper={NavigationBarRouteMapper(this.openDrawer)} /> } /> </Drawer> ); } } 先谢谢你! […]