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在反应原生的方式吗？