Tag: 反应原生

有没有一种方法可以在iOS中使用react-native来制作像Android StaggeredGridView的布局

Android StaggeredGridLayout允许您在不同高度的列中排列卡片，就像Pinterest所做的那样。 这可能在iOS上使用React-native？

React-Native渲染多个图像

我正在尝试从奇迹api渲染多个图像。 这里是一个例子： "images": [ { "path": "http://i.annihil.us/u/prod/marvel/i/mg/e/00/52264475c3499", "extension": "jpg" }, { "path": "http://i.annihil.us/u/prod/marvel/i/mg/e/70/51fc0cb22a1ff", "extension": "jpg" }, { "path": "http://i.annihil.us/u/prod/marvel/i/mg/f/70/51fc0c8f4dee4", "extension": "jpg" }, { "path": "http://i.annihil.us/u/prod/marvel/i/mg/7/40/51f9695a3ee93", "extension": "jpg" } … 这里是一些代码： class Character extends Component { constructor(props) { super(props); } render() { let comic = this.props.character; return ( <View style={styles.container}> <Text>{comic.description}</Text> <Text style={styles.castTitle}>Characters in this comic:</Text> […]

反应本机导航手势

我正在使用React Native的Navigator浏览iOS应用程序中的场景。 我发现虽然我可以通过从左到右滑动回到上一个屏幕，但是看起来我可以滑动的区域并不像本地导航那么大或者不敏感。 有时候，我从边上轻扫一下，不起作用。 我想知道是否有一种方法可以对这个区域进行一些调整，也就是说，使刷卡区域稍微大一些，这样用户就可以获得更好的成功率。

React Native cloneWithRows错误 – 对象未定义

我对这个框架很陌生。 我正在使用React-Native中的dataSource制作一个基本的ListView，并提取数据。 constructor(props){ super(props); var dataSource = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2, }); this.state = { searchString: '', isLoading: false, message: '', jsonData: '', }; } _fetchData(query){ console.log(query); this.setState({ isLoading: true }); fetch(query) .then(response => response.json()) .then(responseData => { this._handleResponse(responseData); this.setState({ message: 'seems like it worked!', dataSource: this.state.dataSource.cloneWithRows( responseData ), }); […]

以这种方式创buildReact Native应用程序出了什么问题？

我正在尝试创build一个基本的React Native应用程序。 虽然我可以创build该项目，但不会在模拟器中运行。 应用程序加载后，立即退出。 如果我删除node_modules并且执行npm install来下载新鲜的所有模块，我将会看到应用程序重新加载Javascript。 然后当它达到100％，它立即退出。 我用来创build应用程序的步骤如下： $ react-native init demo1 $ cd demo1 $ react-native run-ios 这就是字面意思。 我正在使用以下版本的工具： $ node –version v6.11.2 $ npm –version 3.10.10 $ react-native –version react-native-cli: 2.0.1 react-native: 0.48.0 完整的日志在这里 。 我究竟做错了什么？ 调查这更多，事实certificate，Xcode项目失败，堆栈跟踪： 2017-09-02 13:03:00.775 [info][tid:main][RCTCxxBridge.mm:188] Initializing <RCTCxxBridge: 0x6080001a2ae0> (parent: <RCTBridge: 0x6000000a1f80>, executor: (null)) 2017-09-02 13:03:00.804 [warn][tid:main][RCTBridge.m:114] Class RCTCxxModule […]

图像没有与混合应用程序资源加载本机反应

我有一个混合的应用程序，我正在build立一些用React本地和其他本地ios的用户界面。 我想在我的视图中添加一个图像。 图像出现在我的项目的images.xcassets。 根据以下文档， https://facebook.github.io/react-native/docs/images.html#images-from-hybrid-app-s-resources 我只需要提供图像文件的名称和反应原生应该能够为我加载这个图像。 不幸的是，图片没有加载在反应用户界面。 文档不讨论图像types或名称的任何约束。 有没有人遇到过这个问题？ 有什么build议？ 更新文件更多的描述可能会有所帮助。 React Native版本：0.30 xcode与图像截图

React-native run-ios命令失败

/ Users / tnex-mac6 / Desktop / React Native Projects / ReactDemoNavigation / node_modules / react-native / React / Base / RCTUtils.m：255：6：注意：'RCTExecuteOnMainThread'已被明确标记为废弃void RCTExecuteOnMainThread（dispatch_block_t block， BOOL同步）^ **build立失败** 以下编译命令失败：CompileC / Users / tnex-mac6 / Desktop / React \ Native \ Projects / ReactDemoNavigation / ios / Build / Intermediates / React.build / Debug-iphonesimulator / React.build / Objects-normal […]

如何在react-native中实现本地模块？

我正在遵循本指南http://facebook.github.io/react-native/docs/nativemodulesios.html#content 也是这个网站： http : //colinramsay.co.uk/2015/03/27/react-native-simple-native-module.html 但没关系，我添加.h和.m文件，我总是得到错误：类ClassName不导出你忘了使用RTC_EXPORT_MODULE（）？ 即使它与react-native文档中的示例代码相同，任何人都可以引导我在何处添加.h和.m文件并将其正确链接到项目中？ 谢谢。

似乎你正试图从“react-native”包中访问“ReactNative.Component”

我正在尝试从Tyler McGinnis教程中学习反应原生： https ： //egghead.io/lessons/react-react-native-basic-ios-routing#/tab-code 下面的错误消息似乎很直接，但我不知道我在做什么错。 似乎你正试图从“react-native”包中访问“ReactNative.Component”。 也许你的意思是从“反应”包中访问“React.Component”。 例如，而不是： 从'react-native'导入React，{Component，View}; 你现在应该这样做： 从'react'导入React，{Component}; 从“react-native”导入{View}; import React, { Component } from 'react'; import {AppRegistry,NavigatorIOS,StyleSheet,Text,View} from 'react-native'; import {Main} from './App/Components/Main'; var styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#111111' }, });

反应本机导航转换问题

当我调用navigator.push（{…}）导航到不同的场景时，我有一个简单的RN应用程序，当前场景向左滑出，新场景从右侧滑入。 问题是当前场景比新场景慢得多（似乎只移动了1/4的屏幕宽度），所以新场景实际上在当前场景消失之前赶上并与当前场景重叠。 任何想法如何解决这个问题？ RN版本：0.34导航器（ 不是 NavigatorIOS） 我正在模拟器中运行应用程序。 提前致谢。