Tag: 反应原生
反应本机：在iPad 2模拟不需要的黑色边框
我正在testing一个新的（简单的）被动原生应用程序，在模拟器中selectipad 2作为目标。 加载屏幕显示全屏，但第一个应用程序屏幕（通过反应本机）显示内容周围的黑色边框。 我创build了一个全新的项目，但它有相同的边框。 这是一个已知的问题？ 我是否需要添加一些东西来防止这种边界的发生？ 编辑：我有一个印象，该应用程序是作为一个iPhone应用程序内置，但部署/显示到iPad。 我看到1x / 2xbutton。 可能这是它造成的。 所以可能第一个问题是：我如何configurationxcode，它实际上是一个ipad应用程序？ 提前致谢！ 吉荣
React Native TextInput模糊会消耗TouchableHighlight新闻事件
当我点击红色的Postbutton<TouchableHighlight>时，我有一个<TextInput>要提交。 当TextInput被集中时，我完成打字，然后点击“发布”button，键盘closures，但button不会注册点击。 我尝试使用TextInput的onBlur事件，但它不给我触点的坐标，所以我不知道触点是否实际上在button上。
React-Native Offline Bundle – 图片不显示
我有一个React-Native应用程序，我试图在发行模式下将其部署到我的手机。 我可以将应用程序捆绑到手机上。 数据库，video和audio资产都在那里，但没有图像显示在用户界面中。 我做了以下“捆绑”我的应用程序： 在terminal的项目文件夹中运行react-native bundle –platfrom ios –dev false –entry-file index.ios.js –bundle-output main.jsbundle 将对main.jsbundle文件的引用main.jsbundle myapp文件夹下的XCode中 在XCode中，打开AppDelegate.m并取消注释jsCodeLocation = [[NSBundle mainBundle]… 打开Product > Scheme > Edit Scheme然后将Build Configuration更改为Release 在项目导航器中selectmyapp ，然后：在TARGETS: myappTests > Build Phases > Link Binary With Libraries按下+selectWorkspace > libReact.a并Add 当我尝试在myapp > targets > myapp > Bundle React Native code and images使用../node_modules/react-native/packager/react-native-xcode.sh设置XCode进行编译时，它会失败， error code 1 […]
制作多行，用React-Native扩展TextInput
我正在开发一个反应原生的应用程序，需要一个与iOS上的“消息”应用程序中的textviewfunction相似的TextInput，它应该从一行开始，然后优雅地扩展到更多的行，直到一些限制（如5文本行），然后根据需要开始滚动到最后一行。 看了一下SlackTextViewController但a）似乎有很多东西，我不想和b）我想尝试保持尽可能多的代码在React（并在Objective-C / Swift以外）作为可能。 编辑：只是想强调，我更喜欢REACT（JAVASCRIPT）代码，如上所述，而不是Objective-C或Swift。
反应本机响应字体大小
我想问如何反应本机处理或做响应字体。 例如在iphone 4s我有fontSize：14，而在iphone 6我有fontSize：18。
如何为React Native构build.IPA？
我没有以前的iOS开发经验来到React Native开发。 我想构build发行.IPA文件 – 理想的命令行，但官方文档运行在设备是非常简短的。 我能够通过XCode手动在我的iPhone上部署应用程序，但仍然找不到任何“发布IPA”文件。 我用#ifdef DEBUG指令更新了我的代码，使其更通用。 有没有一种方法可以通过命令行在发布模式下构build应用程序？ 如果不是，什么是“官方”生成RN应用程序的方式？ 我目前正在使用RN 0.20。
原生IOS反应：无法调整当前堆栈顶部的可用视图
当编写一个组件时，我突然在我的IOS模拟器中发现了一个非常奇怪的错误：“无法调整当前栈顶以外的可用视图” 这是我的代码： var Badge = require('./badge'); var Separator = require('./helpers/seperator'); var View = React.View; var StyleSheet = React.StyleSheet; var ScrollView = React.ScrollView; var Text = React.Text; var Profile = React.createClass({ _getRowTitle: function (userInfo, item) { item = item.replace('_', ' '); return item[0] ? item[0].toUpperCase() + item.slice(1) : item; }, render: function () { var userInfo […]
React Native：在ListView中引用
看起来很难被直接访问。 现在我有一个单元格的列表视图。 在renderRow函数中，我有这样的东西： renderRowView: function(rowData){ return <View > <TextInput ref="text" /> </View> }, 在这种情况下，如果我想使用ref访问这个TextInput，它将是undefined 。 我在Github上看到一个线程（ https://github.com/facebook/react-native/issues/897 ）提到了解决这个问题的方法，但我仍然不明白如何使用它： render: function() { return ( <ListView dataSource={this.state.dataSource} renderRow={(rowData, sec, i) => <Text ref={(row) => this.rows[sec][i] = row}>{rowData}</Text> } /> ); }, 请帮助我理解这个ref函数是如何工作的，以及如何使用它（即以编程方式专注于行中的TextInput ）。 谢谢！
无法在React Native iOS模拟器中通过URI显示图像
我正在使用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}} /> 分配给图像的空间在那里，但图像不显示。 但是，如果我使用本地图像，则会显示图像。 var Picture = require('./content.jpeg') 在render()函数中： <Image source={Picture} style={styles.thumbnail} /> 如何使用URI作为源显示图片？
React在任何根目录中找不到条目文件
我在iOS项目中使用React Native作为Pod。 当我尝试加载我使用React Native创build的视图时，我得到了错误屏幕，将我引向运行npm的terminal窗口。 在terminal中，我看到的错误是：错误：无法find任何根中的条目文件： 我尝试了一些东西，将文件移动到不同的位置，但没有运气。 我没有运行“npm start”，我在“ http：// localhost：8081 / ”中查找文件。 该文件的当前位置与我运行“npm start”的位置相同。 我完全陷在这里。 我配错了吗？ 如何从这里排除故障？
