Articles of reactjs

无法评估模块’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构建应用程序,提供与本机应用程序几乎相同的性能?

如何整合twilio在Android本机反应?

我正在与原生反应,build立需要twilio集成的android移动应用程序。 我已经使用npm回购示例代码。 。 https://github.com/rogchap/react-native-twilio const Twilio = require('react-native-twilio'); Twilio.initWithToken('sometoken'); componentWillMount() { Twilio.initWithTokenUrl('https://example.com/token'); // or Twilio.initWithToken('sometoken'); Twilio.addEventListener('deviceDidStartListening', this._deviceDidStartListening); Twilio.addEventListener('deviceDidStopListening', this._deviceDidStopListening); Twilio.addEventListener('deviceDidReceiveIncoming', this._deviceDidReceiveIncoming); Twilio.addEventListener('connectionDidStartConnecting', this._connectionDidStartConnecting); Twilio.addEventListener('connectionDidConnect', this._connectionDidConnect); Twilio.addEventListener('connectionDidDisconnect', this._connectionDidDisconnect); Twilio.addEventListener('connectionDidFail', this._connectionDidFail); } Twilio.connect({To: '+61234567890'}); Twilio.disconnect(); Twilio.accept(); Twilio.reject(); Twilio.ignore(); 但我无法完成。 如果有人对此有所了解,请帮助我。

无法获得BatchBridge,请确保您的包已正确打包

我正在尝试运行我创build的反应原生应用程序。 当我在手机中运行它时,我正在获取下面的屏幕。 我试着运行“react-native start”,当我运行它,我得到下面的输出。 当它停在“初始化包pipe理器”时,我在另一个terminal上运行“react-native run-android”。 仍然我得到相同的BatchBridge错误。 当我点击错误屏幕上的刷新button时,我会看到下面的屏幕。 我在这里做错了什么? 在我的代码中,我只有一个console.log。 只是一个新的项目开始。 任何意见将不胜感激。 我试着在应用程序启动时指向错误“无法获得BatchedBridge,请确保您的包已打包正确”的错误答案,但是它的一组Linux命令。

npm WARN jest-react-native@17.0.0要求同行whatwg-fetch@^1.0.0,但没有安装

当我尝试在ReactNative项目中运行npm install时,出现这个错误。为了解决这个问题,我尝试安装whatwg-fetch@^1.0.0,但同样的错误。 UNMET PEER DEPENDENCY whatwg-fetch@2.0.1 npm WARN jest-react-native@17.0.0 requires a peer of whatwg-fetch@^1.0.0 but none was installed. npm ERR! code 1

无法连接远程debugging器

我正在使用React.JS,当我做react-native run-android (与我的设备插入),我看到一个空白页。 当我晃动设备,并从选项列表中selectDebug JS Remotely ,我看到以下屏幕。 供参考: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0