Articles of react native

如何使用不同的应用程序名称,图标,设置从一个项目构build多个应用程序,

只有一个项目构buildiOS和Android应用程序非常棒。 但是也可以用不同的名称,图标等来构build多个应用程序 如果使用相同的布局构build应用程序,并且可能95%的函数/代码/algorithm相同,这可能会非常有用: 不同的目标群体(健身食谱应用,素食主义者,蔬菜,生态…) 不同的运动(足球,篮球,网球等新闻) 不同的客户(客户A,B和C的商业应用程序) … 事情,这可能是不同的每个应用程序: 应用名称 App图标 闪屏 devise 设置(APIurl,…) 某些代码(默认function/组件可能会被基于应用程序的自定义文件覆盖) 也许这将是一个完美的解决scheme,如果你有一个目录风格 ,你可以把所有你想用的文件覆盖默认的代码库。 这里有人发布了类似的东西或任何想法如何解决这个问题?

没有ID为我的Android用户界面testing

我想在我的Android应用程序上编写一些UItesting,以获取自动截图。 我的应用程序是用React-Native编写的。 为了编写我的testing需要知道我的组件的资源ID,但正如你可以在这个屏幕截图中看到的,我看不到任何资源ID在这个React-Native示例应用程序与ui Automator查看器。 看这张照片。 我想知道是否有办法给我的组件一些ID,所以我可以写一些testing,或者如果有另一种方式来select我的组件。 注意:我正在尝试写浓咖啡testing。

反应原生的Android Webvideo

我正在使用React Native创build一个Android / iOS应用程序,并尝试让video在WebView组件中播放。 video在iOS上播放很好,但我无法在Android WebView中播放。 我遇到过这样的几个线程( 在Android WebView中启用HTML5video播放? ),声称这是一个相当普遍的问题在Android上,可以通过导入WebChromeClient并在webview上设置该选项来解决,如下所示: mainWebView.setWebChromeClient(new WebChromeClient()); 但几乎所有这些线程都严格构build原生Android应用程序,而不是使用React Native。 有谁知道如何让这个工作在React Native?

可以运行独立开发的react-native软件包的本机部分吗?

跨平台react-native软件包具有原生的android代码,原生的iOS代码以及将它们连接到javascript世界的javascript代码。 据推测,当在这样的包的本地部分工作,你可以将它们导入到各自的IDE(android-studio和Xcode),并在IDE中进行UI开发。 当我将整个反应本地程序包看作是一个整体,或者将原生部分导入到它们各自的IDE中时,本地部分似乎不是独立运行的…至less不是作为独立的android或ios应用程序。 我的问题是,如何使用本地IDE来导入/构build/运行/debuggingreact-native包的本地部分? 你通常会仍然需要反应本地服务器和restjavscript桥接代码运行? 我正在试图修改本机部分的具体包是react-native-datetime 。 我希望能够将android部分导入到android-studio中,并找出如何运行和修改其中一个采集器。

反应本机ListView TextInput从性能优化呈现locking

我正在尝试为列表视图的每一行中包含的每个textinput设置一个状态值。 问题是,React Native的ListView组件有一些优化技术,例如删除超出屏幕界限的行。 这是一个问题,因为TextInputs正在locking它们的value属性,编辑它们将不再反映更改,并且状态值locking或什么。 我附上了一个video来展示这种行为。 _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 ( <TouchableOpacity key={i} style={styles.cardImage}> {b.profile_picture && <View style={{zIndex: 4, width:31,height:31,borderWidth:1,borderColor:"#ccc",borderRadius:20, position: "absolute", right: -6, top: -6}}> <CacheableImage style={{width:30,height:30,borderWidth:3,borderColor:"white",borderRadius:15,position: "absolute", right: 0, top: 0}} […]

无法在Android设备上构buildreact-native应用程序:无法使用哈希string“android-23”查找目标

这里是完整的错误: 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)的所有文件。 我在网上search这个问题,并尝试了很多解决scheme; 重新启动terminal,删除根目录中的gradle文件,确保ANDROID_HOME指向正确的目录(因为我遵循ReactNative文档,我已经在~./bashrc和~./bash_profile bash_profile中复制了以下行: ~./bash_profile # If you installed the […]

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

我正在尝试使用MapView -for Android与react-native。 这是我的(非常基本的)代码: /** * 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失败:app:processDebugResources

我最近使用react-native将推送通知添加到了我的应用程序,并且由于在看似随机的时间,我收到了诸如添加的照片之类的消息执行任务失败 ':app:processDebugResources'. java.io.IOException: Could not delete folder ..\android\app\build\generated\source\r\debug\com\facebook\drawee 有没有人经历过这样的事情或有一个解决scheme?

如何在ListView的renderRow中访问`this`?

我无法在ListView的一行内的onPress事件中运行一个函数。 我正在遵循React Native教程试图从那里继续。 它似乎是使用ES6语法风格。 这是代码的相关部分。 /** * Sample React Native App * https://github.com/facebook/react-native */ import React, { TouchableHighlight, AppRegistry, Component, Image, ListView, StyleSheet, Text, View, Alert, } from 'react-native'; class AwesomeProject extends Component { constructor(props) { super(props); this.something = this.something.bind(this); // <– Trying this, not even sure why this.state = { dataSource: new ListView.DataSource({ rowHasChanged: […]

如何设置react-native android的启animation面

如何设置反应原生android的闪屏,我找不到任何关于这个话题,我认为这是奇怪的。 谢谢