Articles of reactjs

如何在真实设备上打开react-native的开发菜单

我已经看到了一些边界案例和奇怪的开发人员界面。 来自“摇动你的设备” ,这是非常不切实际的,特别是平板电脑 要解决Android工作室模拟按钮按下。 有一致的方法吗? 我们不能使用实习API在我们的应用程序中设置调试按钮来启动navigator.popUpDevMenu()这样的菜单吗? 如果没有,你如何摇动你的平板电脑才能让它运转起来。 这是为了解决如何在真实设备上配置HMR 。 React native确实改善了开发体验,但我会说特别的东西会减慢它的速度。

React Native:获取请求失败并显示错误 – TypeError:网络请求失败(…)

我正在使用React Native开发一个简单的应用程序。 我在Android设备上测试它。 我创建了一个Node.js服务器来监听请求,它运行在http:// localhost:3333 / 。 接下来,我正在从index.android.js发出一个获取请求。 以下是代码。 fetch(‘http://localhost:3333/’, { ‘method’: ‘GET’, ‘headers’: { ‘Accept’: ‘text/plain’, } } ) .then((response) => response.text()) .then((responseText) => { console.log(responseText); }) .catch((error) => { console.warn(error); }); 节点服务器上的请求处理程序的代码如下所示 app.use(function(req, res, next) { res.header(“Access-Control-Allow-Origin”, “*”); res.header(“Access-Control-Allow-Headers”, “Origin, X-Requested-With, Content-Type, Accept”); next(); }); app.use(express.static(‘public’)); app.get(‘/’, function(req, res){ console.log(‘Request received for /’); […]

React本机textDecoration属性不适用于Android

我正在使用 Something 以下样式: sampleStyle: { textDecorationLine: “underline”, textDecorationStyle: “solid”, textDecorationColor: “#000”, } 但是,它们似乎没有起作用。 我究竟做错了什么?

如何validationnative native中的TextInput值?

例如,在TextInput中输入电子邮件时,它应validation并显示错误消息。 输入的电子邮件是否有效

无法评估模块’react-native-maps’:找不到名称为’default’的配置

使用’react-native-maps’构建应用程序时出现问题 这是我的setting.gradle文件 include ‘:react-native-maps’ project(‘:react-native-maps’).projectDir = new File(rootProject.projectDir, ‘../node_modules/react-native-maps/android’) android / app / build.gradle文件的依赖项 dependencies { compile project(‘:react-native-maps’) compile fileTree(dir: “libs”, include: [“*.jar”]) compile “com.android.support:appcompat-v7:23.0.1” compile “com.facebook.react:react-native:+” // From node_modules compile ‘com.airbnb.android:react-native-maps:0.6.0’ } 这是我使用MapsPackage()更新的MainActivity.java文件 protected List getPackages() { return Arrays.asList( new MainReactPackage(), new MapsPackage() ); } 即将发生的错误: JS服务器已经运行。 在设备上构建和安装应用程序(cd android && gradlew.bat install Debug … […]

React Native中默认的样式单位是什么?

我正在为开源项目做贡献,我正在为React Native开发材料设计。 我在工作中被阻止,我无法通过填充,对齐等方式进行一些UI级别的增强, 这是抽屉材料设计的官方规格 – 在上图中,测量单位是dp 。 但是,在我的React Native代码中,我看到没有提到这样的单位。 考虑到它是“反应原生”我很困惑它是px还是dp 。 我甚至浏览了React Native for Style组件的官方文档。 我在任何地方都没有提到。 我的守则看起来像 – const styles = { touchable: { paddingHorizontal: 16, marginVertical: 8, height: 48 }, item: { flex: 1, flexDirection: ‘row’, alignItems: ‘center’, }, icon: { position: ‘relative’, }, value: { flex: 1, paddingLeft: 34, top: 2 }, label: […]

React Native不支持Windows上的开发(尚未)?

我相信大多数人都对React Native感到非常兴奋,现在终于支持Android了。 但是会有一个巨大的失望,它不支持在Windows机器上进行开发 – 这在许多情况下会阻止React Native在大公司中的使用,这些公司不仅可以改变他们的主要操作系统。 我挖了一下,似乎并不难让它在Windows上运行。 在react-native-cli index.js从spawn更改为requirejs.exec ,如下所示: spawn.exec(cmd + ‘ ‘ + args.join(‘ ‘), function(code, output){ if (code !== 0) { cb(new Error(‘Command exited with a non-zero status ‘ + code + ‘\n’ + cmd + ‘ ‘ + args.replace(‘,’, ‘ ‘))); } else { cb(null); } }); //var proc = spawn(cmd, […]

程序包签名与以前安装的版本不匹配

这是我的项目: https : //github.com/kenpeter/my_hak_news ,它是https://github.com/grigio/HAgnostic-News的直接副本。 Git clone https://github.com/kenpeter/my_hak_news ,然后运行react-native run-android 得到此错误: * What went wrong: Execution failed for task ‘:app:installDebug’. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! 相关问题: https : //github.com/grigio/HAgnostic-News/issues/1 ,我遵循各种方式,但无法解决此问题。

React Native错误:元素types无效:期望字符串或类/函数但得到:object

我收到此错误,我在修复此问题时遇到了很多麻烦。 我在这里尝试做的是有3个不同的屏幕,并有一个导航到每个屏幕的tabbar。 这是我的索引: import React, { Component } from ‘react’; import { AppRegistry, Navigator, StyleSheet, View, Text } from ‘react-native’; import Nav from ‘./app/components/Nav’; import Screen from ‘./app/Screen’; import Tabs from ‘react-native-tabs’ import SwitchView from ‘./SwitchView’; class Proj extends Component { constructor(props){ super(props); } render(){ var x = “FeedView”; return( {x = el.props.name}}> First Second […]

为iOS和Android构建具有原生性能的混合React应用程序

是否可以使用Facebook的React JavaScript框架为iOS和Android构建应用程序,提供与本机应用程序几乎相同的性能?