Articles of react native

通过adb tcpipdebuggingReact Native

我正在尝试使用React-Native开发应用程序时,将USB设备(使用USB OTG)连接到我的Android设备。 经典的debuggingAndroid应用程序,使用USBdebugging模式通过adb连接,但由于我的USB端口被用于我的USB OTG设备,这是不可能的。 我试图使用adb tcpip方法( 如何使用ADB over TCP连接到Android? ),但是这不起作用,因为我的设备找不到“开发服务器”。 有没有人有这样的运气debugging?

Twilio调用在iOS和Android中不起作用

我正在尝试在反应本机应用程序中使用twilio客户端 。 这里是链接Twilio回购完成所有设置后,反应本地twilio。当我打电话号码越来越问题。 我使用了这个链接中的所有步骤。 [tid:com.facebook.react.JavaScript]处理程序不是函数。 (在'处理程序(rtn)','处理程序'是未定义的)2016-09-27 11:00:57.857 [致命] [tid:com.facebook.react.RCTExceptionsManagerQueue]未处理的JSexception:处理程序不是函数。 (在'处理程序(rtn)','处理程序'是未定义的)。 代码在index.js的twilio应用程序中打破 addEventListener(type, handler) { _eventHandlers[type].set(handler, NativeAppEventEmitter.addListener( type, rtn => { handler(rtn); } )); }, 不能得到问题的地方。 我试图在我的本地基本代码实现它的工作正常,所以我的服务器设置没有任何问题,但不要如何解决在本机反应。 任何人都有关于这个问题的任何想法。

在Android设备上需要React-Native和Intl填充

我最近更新了我的Android Studio和许多组件/ sdk,从那以后React-Intl抱怨intl库丢失,即使它以前工作正常。 我已经安装了intl polyfill,并将其导入到我的主文件App.js的最顶端。 我也从react-intl导入localeData并添加它。 然后,我在IntlProvider呈现我的视图,指定没有消息的locale (我现在只使用FormattedNumber ) 这是我的代码的简化版本: import 'intl'; import { IntlProvider, FormattedNumber, addLocaleData } from 'react-intl'; import en from 'react-intl/locale-data/en'; addLocaleData(en); […] render() { return ( <IntlProvider locale="en"> <Text> <FormattedNumber value={123} /> </Text> </IntlProvider> ) } 我得到以下错误: [React Intl]错误格式化编号。 ReferenceError:尚未提供此对象的区域设置数据。 我不明白发生了什么事。 任何人遇到同样的问题? 谢谢

反应原生弹性框不使用所有可用空间

我有一个布局,我想要全屏。 这就是现在的样子: 我想要的是布局占据屏幕上的所有空间(所以提交button应该在底部)。 我试图使用{flex: 1}但它不工作。 代码如下: 'use strict'; const React = require('react-native'); const { StyleSheet, Text, View, BackAndroid, TextInput, TouchableNativeFeedback, ScrollView } = React; const ActionButton = require('./action-button'); module.exports = React.createClass({ handleBackButtonPress () { if (this.props.navigator) { this.props.navigator.pop(); return true; } return false; }, componentWillMount () { BackAndroid.addEventListener('hardwareBackPress', this.handleBackButtonPress); }, componentWillUnmount () { BackAndroid.removeEventListener('hardwareBackPress', this.handleBackButtonPress); […]

Android Studio 3中反应产生的资源问题

我最近升级到Android Studio 3 gradle plugin: 3.0.0-beta2 gradle: 4.1 在我们的项目中,我们使用:“react-native”:使用codepush插件 “0.46.4”。 build造: gradlew assembleStagingDebug 工作得很好,但只要我尝试build立生产: gradlew assembleProductionRelease 我在processProductinoReleaseResources任务中收到由反应创build的资源导致的错误: Issues: – ERROR: /Users/user/react/android/app/build/intermediates/res/merged/production/release/drawable-hdpi/node_modules_reactnavigation_src_views_assets_backicon.png uncompiled PNG file passed as argument. Must be compiled first into .flat file. – ERROR: failed parsing overlays at com.android.builder.internal.aapt.v2.AaptV2Jni.buildException(AaptV2Jni.java:154) 在我对这个问题的征服中,我尝试了禁用proguard,如: buildTypes { release { debuggable true minifyEnabled false shrinkResources false } debug { […]

强制Gradle使用HTTP而不是HTTPS

我正在尝试构buildreact-native android应用程序,作为依赖我看到我有gradle,但无法加载构build。 错误信息: * What went wrong: A problem occurred configuring root project 'MobileApp'. > Could not resolve all dependencies for configuration ':classpath'. > Could not resolve com.android.tools.build:gradle:1.3.1. Required by: :MobileApp:unspecified > Could not resolve com.android.tools.build:gradle:1.3.1. > Could not get resource 'https://jcenter.bintray.com/com/android/tools/build/gradle/1.3.1/gradle-1.3.1.pom'. > Could not GET 'https://jcenter.bintray.com/com/android/tools/build/gradle/1.3.1/gradle-1.3.1.pom'. > Connection to https://jcenter.bintray.com refused 问题很明显,我坐在企业代理的后面,阻止任何类似HTTPS连接的错误。 所以我的问题是:如何强制gradle使用HTTP加载这些文件? 哪里应该放置这些属性(哪个gradle文件,即gradle.properties)? […]

反应本机:TouchableOpacity onPress滚动视图内的问题

我正在运行原生0.24.1,并且当它被放置在<ScrollView>时,我遇到<TouchableOpacity>组件的问题。 它的onPress事件火好,但有一个特殊情况,当他们不。 如果与<TouchableOpacity>组件一起您有一个<TextInput> ,并且当前焦点位于<TextInput>框中,那么您可以单击<TouchableOpacity> ,您将看到它的onPress事件不会被触发。 至less你第一次这样做。 一旦焦点不再在<TextInput> ,现在可以按下<TouchableOpacity>组件,它的onPress事件就会触发。 请注意,如果<TouchableOpacity>组件放置在<View>而不是<ScrollView>所有function都按预期工作,上述问题不适用。 下面是一些代码来演示这个问题: const React = require('react-native'); const { Component, Dimensions, View, ScrollView, Text, TextInput, TouchableOpacity, } = React; // —————————————————————————- class TouchableOpacityTest extends Component { constructor(props, context) { super(props, context); this.state = {count_onPress:0,count_onPressIn:0,count_onPressOut:0,count_onLongPress:0}; } // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ onPressEvent(what,e) { console.log('what:',what); let newState = {}; newState['count_'+what] = ++this.state['count_'+what]; this.setState(newState); […]

如何在React Native中创build对angular边框?

我正在根据devise师的devise构build一个React Native应用程序。 该devise有几个地方有一个对angular线的button或形状(见下面的例子)。 我试过使用SkewX但似乎旋转整个形状(似乎无法在Android上工作)。 我怎样才能绘制一边有一个对angular边框的矩形/button?

react-native:app:installDebug FAILED

安装APKdebugging到我的设备失败。 jianglinghuadeMacBook-Pro:hello jianglinghua$ react-native run-android JS server already running. Building and installing the app on the device (cd android && ./gradlew installDebug… WARNING [Project: :app] Current NDK support is deprecated. Alternative will be provided in the future. :app:preBuild UP-TO-DATE …… :app:assembleDebug UP-TO-DATE :app:installDebug Installing APK 'app-debug.apk' on 'MI NOTE LTE – 6.0.1' Unable to install […]

使用React Native时,我有什么select来存储数据? (iOS和Android)

在React Native世界中,我还是一个新手,通常也是在移动/本地世界,而且我发现在数据持久性方面文档有点欠缺。 我在React Native中存储数据的选项有哪些,以及每种types的含义? 例如,我看到有本地存储和asynchronous存储,但是我也看到了像Realm这样的东西,我很困惑这些东西如何与外部数据库一起工作。 我特别想知道: 数据持久性有哪些不同的选项? 对于每一个,持久性的限制是什么(即什么时候数据不再可用)? 例如:closures应用程序,重新启动电话等 对于每一个,在iOS和Android实施之间是否有差异(除了一般设置)? 如何比较离线访问数据的选项? (或离线访问通常如何处理?) 还有其他的考虑我应该记住吗? 谢谢你的帮助!