Articles of react native

Twilio调用在iOS和Android中无法在react-native中运行

我试图使用twilio客户端反应本机应用程序。 这里是完成所有设置与反应原生twilio后链接Twilio repo 。当我呼叫号码问题。 我使用了此链接中的所有步骤。 [tid:com.facebook.react.JavaScript]处理程序不是函数。 (在’handler(rtn)’中,’handler’未定义)2016-09-27 11:00:57.857 [致命] [tid:com.facebook.react.RCTExceptionsManagerQueue]未处理的JSexception:处理程序不是函数。 (在’handler(rtn)’中,’handler’未定义)。 代码在index.js中的twilio app中破解 addEventListener(type, handler) { _eventHandlers[type].set(handler, NativeAppEventEmitter.addListener( type, rtn => { handler(rtn); } )); }, 无法find问题所在。 我试图在我的本机基本代码中实现它的工作正常,所以我的服务器设置没有任何问题。但不要如何解决反应原生。 任何人都对这个问题有所了解。

React Native ListView TextInput从性能优化渲染中锁定

我正在尝试为listview的每一行中包含的每个textinput设置一个状态值。 问题在于,React Native的ListView组件具有一系列优化技术,例如删除超出屏幕范围的行。 这导致了一个问题,因为TextInputs正在锁定它们的value属性,编辑它们将不再反映更改并且状态值锁定或其他内容。 我附上了一段video来展示这种行为。 https://www.youtube.com/watch?v=fq7ITtzRvg4&feature=youtu.be _renderRow(value){ let tempWidth = window.width / 2.13 if(value.data.length == 1){ tempWidth = window.width*0.970 } var Images = value.data.map((b,i) => { let source = { uri: BUCKETIMAGES+’/’+b.image_filename} return ( {b.profile_picture && } ) }); return( Team {value.type} {value.date} { Images } {this.setState({[“comment”+value.id]: commentInput})}} /> {this.setState({commentID: value.id}, this.addComment)}}> ) } render() […]

如何在运行时请求React Native中的Android设备位置权限?

我一直在尝试将React Native的GeoLocalisation用于Android应用程序。 文档很差的模块可以在https://facebook.github.io/react-native/docs/geolocation.htmlfind。 根据文档,您使用AndroidManifest.xml文件中的以下代码处理Android上的位置权限 但是,我的在线研究表明,对于ANDROID> = 6.0的版本,上面的代码行是无用的 由于我的GeoLocation实现目前无法正常工作,我没有其他理由,只能相信未正确处理位置权限。 如何在运行时为React Native Android App成功请求位置权限? 提前致谢 !

如何从ReactNative-App中的res / drawable-folder加载图像?

我想在ReactNative-App中显示来自res / drawable-folder的静态图像。 但是,没有任何显示。 我在android-sub文件夹中有以下文件夹结构: macbook:CompanyApp hagen$ tree android/app/src/main/res/ android/app/src/main/res/ ├── drawable │ ├── a1456.jpg │ └── a1457.jpg ├── mipmap-hdpi │ └── ic_launcher.png ├── mipmap-mdpi │ └── ic_launcher.png ├── mipmap-xhdpi │ └── ic_launcher.png ├── mipmap-xxhdpi │ └── ic_launcher.png └── values ├── strings.xml └── styles.xml 6 directories, 8 files 如文档中所述,我尝试使用以下代码从drawable-folder加载图像文件: 我还尝试了文件名和扩展名: 并且: 我尝试了子文件夹: 不会显示任何图像。 例如,在图像源中使用当前图像中的本地图像的require语句可以正常工作。 但我正在寻找一个解决方案来消耗像真正的本机Android应用程序中的drawable图像。 […]

无法让本机Android视图显示在React Native中

我正在尝试将一个简单的TextView从Android的本机代码显示到我的Javascript视图中。 但是,应用程序无声地失败,我只看到默认的“Hello World” RCTScannerViewManager.java public class RCTScannerViewManager extends SimpleViewManager { public static final String REACT_CLASS = “RCTScannerView”; @Override public String getName() { return REACT_CLASS; } @Override protected TextView createViewInstance(ThemedReactContext reactContext) { TextView tv = new TextView(reactContext); tv.setText(“hello from android !”); return tv; } } RCTScannerViewPackage.java public class RCTScannerViewPackage implements ReactPackage { @Override public List createNativeModules(ReactApplicationContext […]

没有为类RCTMap定义的视图管理器

我正在尝试使用带有react-native的MapView for Android。 这是我的(非常基本的)代码: /** * Sample React Native App * https://github.com/facebook/react-native */ ‘use strict’; var React = require(‘react-native’); var { AppRegistry, Image, ListView, StyleSheet, Text, TextInput, View, ToastAndroid, MapView, ToolbarAndroid } = React; var SwitchAndroid = require(‘SwitchAndroid’); var toolbarActions = [ {title: ‘Create’, icon: require(‘image!ic_create_black_48dp’), show: ‘always’}, {title: ‘Filter’}, {title: ‘Settings’, icon: require(‘image!ic_settings_black_48dp’), show: […]

我第一次使用react-native run-android时遇到了困难。 错误如下所示

FAILURE:构建因exception而失败。 出了什么问题:出现了问题 配置项目’:app’。 无法通知项目评估监听器。 的javax / XML /结合/注解/的XmlSchema

以编程方式重新启动React Native App

是否可以以编程方式重新启动React Native应用程序而无需编写任何本机代码? 例如,我从这个问题的答案中知道我可以重启Android应用程序: Intent i = getBaseContext().getPackageManager() .getLaunchIntentForPackage( getBaseContext().getPackageName() ); i.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(i); 我可以用React Native做同样的事吗?

无法在Android设备上构建react-native应用程序:无法使用哈希字符串’android-23’find目标

以下是完整错误: failed to find target with hash string ‘android-23’ in: /Users/username/Library/Android/sdk 这是我的android/app的build.gradle文件: android { compileSdkVersion 23 buildToolsVersion “23.0.1” defaultConfig { applicationId “com.mobile” minSdkVersion 16 targetSdkVersion 22 versionCode 1 versionName “1.0” ndk { abiFilters “armeabi-v7a”, “x86” } } 我运行了Android SDK Manager,我安装了Android SDK Build-Tools Rev 23.0.1,以及Android 6.0(API 23)的所有文件。 我在网上搜索了这个问题并尝试了很多解决方案; 重新启动终端,删除根目录中的gradle文件,确保ANDROID_HOME指向正确的目录(因为我遵循ReactNative文档,我已经在~./bashrc和~./bash_profile bash_profile中复制了以下行: ~./bash_profile # If you installed the […]

开发服务器返回响应错误代码:500 in react native

我正在使用react-native框架来开发我的Android应用程序。 我想使用react-native-material-design库来使Toolbar具有更多function。 我在当前目录中安装了这个库,我的项目在命令下面使用: – E:\>npm i react-native-material-design -g –save C:\Users\ch-e00925\AppData\Roaming\npm `– react-native-material-design@0.3.7 +– react-native-material-design-styles@0.2.6 (git+https://github.com/react-n ative-material-design/react-native-material-design-styles.git#bdc029c1a1c83ff563 d10868be38b8aed1e9989b) `– react-native-vector-icons@2.1.0 +– lodash@4.17.4 `– yargs@4.8.1 +– cliui@3.2.0 | +– strip-ansi@3.0.1 | | `– ansi-regex@2.1.1 | `– wrap-ansi@2.1.0 +– decamelize@1.2.0 +– get-caller-file@1.0.2 +– lodash.assign@4.2.0 +– os-locale@1.4.0 | `– lcid@1.0.0 | `– invert-kv@1.0.0 +– read-pkg-up@1.0.1 | +– find-up@1.1.2 | […]