标签: react-native-android

我正在尝试为我的本机应用程序生成release apk.我正在使用反应原生0.29.我按照https://facebook.github.io/react-native/docs/signed-apk-android.html中的说明进行操作

这是我终端的输出:

? cd android && ./gradlew assembleRelease
:app:preBuild UP-TO-DATE
:app:preReleaseBuild UP-TO-DATE
:app:checkReleaseManifest
:app:preDebugBuild UP-TO-DATE
:app:prepareComAndroidSupportAppcompatV72301Library UP-TO-DATE
:app:prepareComAndroidSupportRecyclerviewV72301Library UP-TO-DATE
:app:prepareComAndroidSupportSupportV42321Library UP-TO-DATE
:app:prepareComFacebookFrescoDrawee0110Library UP-TO-DATE
:app:prepareComFacebookFrescoFbcore0110Library UP-TO-DATE
:app:prepareComFacebookFrescoFresco0110Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipeline0110Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipelineBase0110Library UP-TO-DATE
:app:prepareComFacebookFrescoImagepipelineOkhttp30110Library UP-TO-DATE
:app:prepareComFacebookReactReactNative0291Library UP-TO-DATE
:app:prepareOrgWebkitAndroidJscR174650Library UP-TO-DATE
:app:prepareReleaseDependencies
:app:compileReleaseAidl UP-TO-DATE
:app:compileReleaseRenderscript UP-TO-DATE
:app:generateReleaseBuildConfig UP-TO-DATE
:app:generateReleaseAssets UP-TO-DATE
:app:mergeReleaseAssets
:app:generateReleaseResValues UP-TO-DATE
:app:generateReleaseResources UP-TO-DATE
:app:mergeReleaseResources
AAPT: /home/shoumma/Workspace/ReactNativeWorkspace/notesApp/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: libpng warning: iCCP: Not recognizing known sRGB profile that has been edited
AAPT: /home/shoumma/Workspace/ReactNativeWorkspace/notesApp/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: libpng warning: iCCP: Not recognizing known sRGB profile that …

我有一个Android类,它扩展了SimpleViewManager类并封装了一个MapView.从React Native JavaScript类设置道具就像一个魅力(使用@ReactProp注释).但是,我希望能够在视图上调用方法,如下所示:

public void centerToMyLocation(MapView view) {
    view.getController().setCenter(myLocation);
}

我已经尝试使用@ReactMethod注释,获取MapViewJavaScript中的参考,然后centerToMyLocation在该对象上调用该方法.但它不起作用(我得到mapViewRef.centerToMyLocation is not a function错误).

如何从我呈现本机MapView组件的JavaScript类中调用该方法？

我在react-nativeWindows 10系统上创建了一个新项目,安装了该react-native-maps软件包rnpm link,但是在启动项目时,我收到了Build failed错误.

是什么导致了这个问题？

react-native init myapp
npm install react-native-maps --save
rnpm link
react-native run-android

版本

react-native-cli: 1.3.0
react-native: 0.39.1
node: v7.2.1
npm: 3.10.10

错误

JS server already running.
Running C:\Users\y\AppData\Local\Android\Sdk/platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081
Building and installing the app on the device (cd android && gradlew.bat installDebug)...
:app:preBuild UP-TO-DATE
:app:preDebugBuild UP-TO-DATE
:app:checkDebugManifest
:app:preReleaseBuild UP-TO-DATE
:react-native-maps:compileLint
:react-native-maps:copyReleaseLint UP-TO-DATE
:react-native-maps:preBuild UP-TO-DATE
:react-native-maps:preReleaseBuild UP-TO-DATE
:react-native-maps:checkReleaseManifest
:react-native-maps:preDebugAndroidTestBuild UP-TO-DATE
:react-native-maps:preDebugBuild UP-TO-DATE
:react-native-maps:preDebugUnitTestBuild UP-TO-DATE
:react-native-maps:preReleaseUnitTestBuild UP-TO-DATE
:react-native-maps:prepareComAndroidSupportAppcompatV72301Library …

我正在编写原子文本编辑器,用于编写反应原生移动应用程序.我想要代码建议,比如当我编写内部反应原生库的类时.我必须完全自己写,好像我在写记事本中编写代码.

在键入时,Atom不会在构建的方法/类型的本机反应中提示和自动完成.

我是否需要安装任何插件才能使其正常工作？

我只是在尝试启动应用程序时检查互联网连接，还试图在调用HTTP Request之前检查互联网连接。我已经看到了一些示例，但这对我来说很混乱。

我有一个数组:

const routes = [
  { id: 1, title: 'Home', image: 'home', cstyle: 'styles.ItemsDrawer' },
  { id: 2, title: 'Chat', image: 'flask', cstyle: 'styles.ItemsDrawer' },
  { id: 3, title: 'Profile', image: 'briefcase', cstyle: 'styles.ItemsDrawer' },
  { id: 5, title: 'Logout', image: 'log-out', cstyle: 'styles.logout' }
];

并希望应用于某些款式不同的款式,

<List dataArray={routes}
   renderRow={(data) =>
   <ListItem style={data.cstyle} 
     button onPress={() => ctx.navigate(data.title)} icon> 
   </ListItem>}>
</List>

但我认为传递"data.cstyle"它会采取一个名称,并尝试在节样式表中找到它的样式,但这不能识别并保留没有样式到列表动态的每个项目

或者如何将不同的样式应用于列表中的某些项目

最近我尝试使用React Native构建自己的移动应用程序,但在我的学习过程中,我遇到了这个错误,我不知道为什么会这样

error: bundling failed: SyntaxError in C:\Users\john\Desktop\test\test.js: C:/Users/john/Desktop/test/test.js: Unexpected token (9:9)
7 |     let testData = this.props.data.map(function(cardData, i){
8 |       return {
>  9 |          <ListItem>
     |          ^
  10 |               <Left>

错误消息的箭头在我使用native-base 11 |的标记上突出显示 {cardData.name} 12 |

情境

尝试运行$ react-native run-android结果

正在扫描文件夹中的/ Users / Jackson / Sites / fnmultiapptest / node_modules（11ms）JS服务器中的符号链接。在设备上构建和安装应用程序（cd android && ./gradlew installDebug）...

无法在设备上安装该应用，请阅读上面的错误以获取详细信息。确保已运行Android模拟器或已连接设备，并已设置Android开发环境：https : //facebook.github.io/react-native/docs/getting-started.html

相关资料

如果我在模拟器上运行应用程序，则可以从Android Studio中正常运行它。我还可以连接到本机“ Metro Bundler”。

adb devices 使用模拟器设备ID进行报告。

ANDROID_HOME并且ANDROID_SDK_PATH存在并且正确

题

react-native run-android如果通过Android Studio（也使用ADB）正常运行，为什么在使用时无法将我的应用安装到模拟器上

额外注意事项

• 使用12.14 Mojave制作MBP
• Android Studio版本3.2.1
• 仿真器操作系统为8.0（API 26）

实现createDrawerNavigator， 但不起作用。

主要成分

   import React, { Component } from 'react';
import Menu from './MenuComponent';
import { DISHES } from '../shared/dishes';
import { View,Platform } from 'react-native';
import Dishdetail  from './DishdetailComponent';
import Home from './HomeComponent';
import { createStackNavigator,createAppContainer ,createDrawerNavigator } from 'react-navigation';  
import { Icon } from 'react-native-elements';


const MenuNavigator = createStackNavigator({
  Menu: { screen: Menu },
  Dishdetail: { screen: Dishdetail }
},
{
  initialRouteName: 'Menu',
  navigationOptions: {
      headerStyle: {
          backgroundColor: "#512DA8"
      },
      headerTintColor: '#000',
      headerTitleStyle: {
          color: "#fff"            
      } …

我正在Windows 10上工作，只是从react-native开始。来自https://facebook.github.io/react-native/docs/getting-started

入门的第一步是运行：react-native run-android。但我收到此错误：

正在启动JS服务器...正在在设备上构建和安装应用程序（cd android && gradlew.bat installDebug）...正在启动Gradle守护程序（后续构建会更快）

失败：构建失败，发生异常。

• 出了什么问题：在最新检查期间未能捕获任务'：app：processDebugResources'属性'sourceOutputDir'的输出文件快照。

  无法读取路径'C：\ Users \ Kourosh \ Desktop \ React Native \ AwesomeProject \ android \ app \ build \ Generated \ not_namespaced_r_class_sources \ debug \ processDebugResources \ r \ android \ arch \ lifecycle \ livedata \ core'。