Tag: react native编程

React Native:没有原生支撑RCTView.maxHeight的propType

升级到RN 0.30后,即使构build最简单的应用程序,我也开始看到下面显示的错误: react-native init AwesomeProject react-native run-ios 最奇怪的是组件BlurView , BlurView和RNSearchBar包含在警告消息中,尽pipe项目不使用它们。 重新编译/清理项目并不能解决问题。 控制台和错误: 2016-07-22 08:48:02.985 [warn][tid:main][RCTEventEmitter.m:52] Sending `websocketFailed` with no listeners registered. 2016-07-22 08:48:03.031 [warn][tid:com.facebook.react.JavaScript] Warning: Native component for "BlurView" does not exist 2016-07-22 08:48:03.032 [warn][tid:com.facebook.react.JavaScript] Warning: Native component for "VibrancyView" does not exist 2016-07-22 08:48:03.033 [warn][tid:com.facebook.react.JavaScript] Warning: Native component for "RNSearchBar" does not exist 2016-07-22 […]

在React Native中需要镜像模块时遇到问题

刚刚开始使用React-Native ,我遇到了一些需要静态图像的麻烦。 以下是我迄今为止的基本代码: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, Image, View, } = React; var buzz = React.createClass({ render: function() { return ( <View style={styles.container}> <Image source={require('image!bg')} style={styles.bg}> <Text style={styles.welcome}> Welcome to Buzz! iOS interface to </Text> <Text style={styles.welcomeHeader}>Charityware</Text> </Image> </View> ); } }); var styles = StyleSheet.create({ container: { […]

在React Native中查看父级的80%宽度

我在React Native中创build了一个表单,并希望使我的TextInput成为屏幕宽度的80%。 用HTML和普通的CSS,这将是直截了当的: input { display: block; width: 80%; margin: auto; } 除了React Native不支持display属性,百分比宽度或自动页边距。 那我该怎么做呢? 在React Native的问题跟踪器中有一些关于这个问题的讨论,但是提出的解决scheme看起来像是讨厌的黑客。

即使应用程序处于后台,React Native Android应用程序每小时消耗30mA电stream

当应用程序在后台工作一个小时,对样本(欢迎使用React Native)应用程序执行电stream消耗testing,结果如下: Sample application with RN version 34 : 31.54mA Sample application with RN version 22 : 24.60mA 作为示例原生android应用程序只在相同的情况下消耗大约10mA 。 使用的工具 : Power monitor (H/w) Power tool (S/w) 1)有谁可以证实上述testing,并解释高电stream消耗的原因? 2)与原生Android应用程序相比,反应原生应用程序的耗用电stream值是否正常? React Native version: RN 0.22 and RN 0.34 Platform : Android

React-Native更新列表视图数据源

我有一个iOS应用程序,我正在与反原生。 Game类包含一个ListView组件。 我在构造函数中设置状态并包含一个dataSource 。 我现在有一个硬编码的数据数组,我存储在不同的状态属性( this.state.ds )。 然后在componentDidMount我使用cloneWithRows方法将我的this.state.ds克隆为视图的dataSource。 就ListViews而言,这是非常标准的,并且运行良好。 这里是代码: /** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; var React = require('react-native'); var { StyleSheet, Text, View, ListView, TouchableHighlight } = React; class Games extends React.Component{ constructor(props){ super(props); var ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 != r2 }); this.state […]

ReferenceError:找不到variables:__fbBatchedBridge

使用react-native init AwesomeProject的默认代码,当我运行应用程序时,出现'ReferenceError:Can not find variable:__fbBatchedBridge(生成的包中的第1行)'。 而且,当我“重新加载JS”时,应用程序只有白色的背景,而不是任何'你好世界'的意见。 我没有触及init的任何代码。 任何想法如何解决错误? 截图(点击查看完整大小): 使用: Ubuntu 15.10,64位 Node.js v5.3.0 反应本机v0.1.7 Nexus 5X,API 6.0.1

在react-native中调用Appregistry.runApplication时出错

我想在Android模拟器上运行一个反应原生应用程序,但我得到一个错误 调用Appregistry.runApplication时出错 AVD:“Nexus_5X_API_23(AVD) – 6.0操作系统:Windows 10 请帮忙吗?

如何在原生反应中正确alignment文本input?

文本input是居中alignment,如何修复这个文本input,以便它从左上angularinput 这是我的文字input的CSS /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150 }

在没有开发服务器的情况下构build并安装未签名的apk文件?

因为我是反应原生新,所以如果有任何错误的步骤让我知道。 我已经build立了一个反应原生android应用程序使用该命令根据文档 react-native android 在设备上运行时使用了以下命令 react-native run-android 在我的projectfolder / android / app / build / outputs / apk中给出了2个apk文件的输出 现在当我用安装这个apk后安装它要求一个开发服务器来连接捆绑JS。 但我的要求是,用户不必与开发服务器的斗争,只需要安装apk,一切都完成了。 已经经历了一些stackoverflow的问题,但没有帮助build立未签名的apk不需要开发服务器。 你们可以帮我find如何build立和未经签名的apk在反应原生的方式吗?

如何从本地JSON文件获取数据本地反应?

我如何存储本地文件,如JSON,然后从控制器获取数据?