Tag: reactjs

在设备上开发react-native时如何使用HMR？

我可以在模拟器上启动热模块更换 ，因为我可以直接在键盘上input。 但是我不知道如何在实际的设备上访问这些debugging选项（ cmd+ctrl+z或windows中的等价物）。 否则，如果不使用HMR，你从Xcode重build？ 任何其他方法来重新加载应用程序，而不是？ 它可能很慢。 任何帮助？

React本地网格视图：Flexbox换行不起作用

React Native 0.32似乎有一个错误。 下面的代码在0.20和0.24中正常工作，你可以在RN Play链接中看到。 https://rnplay.org/apps/W5k6Xg 'use strict'; var React = require('react'); var ReactNative = require('react-native'); var { AppRegistry, ListView, StyleSheet, Text, View, Image } = ReactNative; var GridLayoutExample = React.createClass({ getInitialState: function() { var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); return { dataSource: ds.cloneWithRows([ { name: 'John', image: 'https://d30y9cdsu7xlg0.cloudfront.net/png/619232-84.png' }, […]

如何将裁剪图像集中在React Native中

根据文档 ，反应原生的Image组件支持以下resizeModes ： 'cover'，'contain'，'stretch'，'repeat'，'center' 如果图像大于Image分量，则center模式通过对图像进行均匀缩放以使图像的center位于Image分量的center ，从而使图像适合图像。 我想知道是否有黑客或解决scheme，我们可以定义一个自定义点（如0,300）作为一个焦点，这是它的Image视图的中心。 我想实现的目标有点像fresco重点作物，但也应该适用于内部监督办公室。

React Native 31，New Appdelegate.m no localhost to change：networking请求失败

我刚刚升级到react-native的最新版本（31），我的应用程序正在工作，不再工作了。 每次我得到networking请求失败错误从提取。 AppDelegate.m被更改，没有本地主机或127.0.0.1更改。 它放在别的地方吗？ AppDelegate.m： #import "AppDelegate.h" #import "RCTBundleURLProvider.h" #import "RCTRootView.h" @implementation AppDelegate – (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { NSURL *jsCodeLocation; jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"OpenCampus" initialProperties:nil launchOptions:launchOptions]; rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1]; self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; UIViewController *rootViewController = [UIViewController new]; […]

React-Native ListView renderRow传递道具问题。 正确的方式或错误的方式

在React-Native中使用ListView，我已经看到，这是不一样的，移动道具到列表项， 将函数作为道具传递给引用，并调用子组件中的参数 将函数传递给定义参数的道具，并在子中调用没有参数的函数 这些解决scheme都不起作用。 被调用的函数是Redux的Actions创build者，并被调度。 这是一个Redux或React-Native（也许是ReactJS）的问题 这是一个片段，市场作为//错误的代码行，没有工作，跟着好的 class App extends Component { // On props // data: an Array // doThis: an action creator of Redux // doThat: idem constructor(){ super(); this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); } render () { const dataSource = this.ds.cloneWithRows(this.props.data); return ( <View> <ListView style={{flex:1}} dataSource={dataSource} […]

更改react-native项目中android和ios的入口文件path

使用react-native init awesomeProject启动一个新项目后，我尝试重新构build项目，将index.ios.js和index.android.ios放入一个名为src的公用文件夹中。 当我执行react-native run-android时 ，出现以下错误： 在Android设备上的错误 在哪里我必须改变，以正确的path反应原生search条目文件？

在React-Native中的导航抽屉

我是一个反应原生的新手，不介意如果我问一个基本的问题，我想知道，什么是一步一步的程序来实现导航抽屉。 推荐链接此链接 我无法整合它。 任何实施抽屉的演示项目也将工作。 任何有关这方面的帮助将是伟大的。 谢谢

反应原生UIExplorer将无法打开

我正在尝试在Xcode上查看UIExplorer。 我遵循这个例子，它应该很简单。 它说克隆react-native，cd到目录，npm安装并运行npm start。 但是，当我运行npm开始，我得到以下错误： react-native@0.8.0 start / Users / chiMarvine / Projects / react-native ./packager/packager.sh || 真正 /Users/chiMarvine/Projects/react-native/packager/packager.js:233 const dumpName ='/ tmp / dump_'+ Date.now（）+'.json'; ^^^^^ SyntaxError：在严格模式下使用const。 在exports.runInThisContext（vm.js：73：16） 在Module._compile（module.js：443：25） 在Object.Module._extensions..js（module.js：478：10） 在Module.load（module.js：355：32） 在Function.Module._load（module.js：310：12） 在Function.Module.runMain（module.js：501：10） 在启动（node.js：129：16） 在node.js：814：3 我不知道如何解决这个问题，构build成功，但模拟器说： 确保以下内容： 节点服务器正在运行并且在同一networking上可用 – 运行 从反原生根开始的“npm start” – AppDelegate中正确设置了节点服务器URL URL： http：// localhost：8081？examples / UIExplorer / UIExplorerApp.ios.bundle？platform = ios＆dev = […]

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

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

反应本机外部样式表

在React Native中有一种方法，我可以将所有样式放在单个文件中，以便可以很容易地维护（从我的angular度来看），就像在HTML中一样.css文件。 而且我也有一个基于当前用户有不同风格的模块。