标签: react-native-android

我按照这个官方帮助页面进行了操作,并参考了之前的SO问题.

但我仍然不知道这里有什么问题.

让我们一步一步:

1. 确保程序包服务器正在运行.从截图中,您可以看到我键入的命令"react-native run-android"和响应"Starting JS server ..."

2. 确保您的设备已连接...是的,Vysor会看到我的设备.我们看到Vysor在屏幕截图中显示了应用程序.

3. ... 启用USB是的,应用程序正在运行,这就是为什么我们看到红色的错误屏幕,但它仍然在运行的应用程序.

4. 运行"adb reverse tcp:8081 tcp:8081"是的,屏幕截图显示我运行了命令.

5. 设备和端口......是的,也是这样做的.见下一个截图

我还做错了什么？我怎样才能使它工作？

它需要在我的React本机应用程序中实现Coach标记或展示.谷歌搜索后,我没有得到任何可以获得帮助的代码或库.

任何人都可以建议我如何实现Coach mark in native native？

例:

我不想覆盖具有透明度的屏幕截图类型图像.因为当应用程序在横向模式下运行时会产生问题.对于这种方法,我需要将所有DPI图像保存在各自的文件夹中.

我需要适当的通用解决方案.请帮忙.

我需要在应用程序背景时检查Internet连接

我正在使用反应导航选项卡导航器并反应原生材料底部导航,它当前从屏幕滑动到屏幕.如材料设计指南所示,我如何让它从一个屏幕淡入淡出另一个屏幕.

Router.js

import React from 'react';
import { TabNavigator, StackNavigator, NavigationActions } from 'react-navigation';
import { NavigationComponent } from 'react-native-material-bottom-navigation';
import Icon from 'react-native-vector-icons/MaterialIcons';
import { MAIN_COLOR, BOTTOM_BAR_COLOR, BOTTOM_BAR_ICON_COLOR } from '../config';
import { Classes, Settings, Search, SplashScreen } from '../components/screens';
import Login from '../components/screens/Login';
import Main from '../Main';

export const Tabs = TabNavigator({
  Classes: {
    screen: Classes,
    navigationOptions: {
      tabBarLabel: 'Classes',
      tabBarIcon: () => <Icon size={24} name="list" color={BOTTOM_BAR_ICON_COLOR} />,
    },
  },
  Search: {
    screen: Search,
    navigationOptions: {
      tabBarLabel: 'Search', …

我有一个特定的Android原生库来集成相机功能.该库为Fragment提供了它的所有功能.我只是想将它与React Native app中的Mainactivity集成.

我已经按照"将片段添加到react-native视图"链接

我也经历了很多教程.但我被困在我们将片段添加到React本机应用程序的Mainactivity容器布局的地方.

更新:

React Component(JS文件):

export default class MyCustomView extends Component {
render() {
   return (
      <View >
       {
        MyLayout.openBlankFragment(12345)

       }
      </View>
   );
  }
  }
 const MyLayout = NativeModules.MyModule;

MyModule(Java代码):

@ReactMethod
    private void openBlankFragment(final int viewId) {
//        Log.v("View Tag", "View ID: "+viewId); it prints tag 12345
        UIManagerModule uiManager = getReactApplicationContext().getNativeModule(UIManagerModule.class);

                uiManager.addUIBlock(new UIBlock() {
            @Override
            public void execute(NativeViewHierarchyManager nativeViewHierarchyManager) {
                View view = nativeViewHierarchyManager.resolveView(viewId);

                final Activity activity = getCurrentActivity();
                BlankFragment fragment = new BlankFragment(); …

似乎edgePadding在fitToCoordinates函数中没有做任何事情.无论我设置哪个值,结果总是相同的.我尝试将顶部,右侧,左下角设置为0,300,将它们彼此更改...... mapview始终相同.

 <MapView
      ref={(ref) => { this.mapRef = ref }}
      onLayout = { () => this.mapRef.fitToCoordinates([{longitude: x, latitude: y}], { edgePadding: { top: 0, right: 0, bottom: 120, left: 0 }, animated: false })}
/>

我希望能够从给定的坐标缩小一点.在给定区域中没有LongitudeDelta或LatitudeDelta,因此我假设必须使用edgePadding参数进行缩小.

你以前遇到过这个问题吗？

所以我得到的MainActivity不存在错误,可能是因为我将包和应用程序重命名bomber为Bomber并将appId更改com.bomber为cool.bomber.android

我检查了AndroidManifest,活动源文件和build.gradle文件,但我似乎无法找到错误是什么

错误信息

Starting: Intent { cmp=cool.bomber.android/.MainActivity }
Error type 3
Error: Activity class {cool.bomber.android/cool.bomber.android.MainActivity} does not exist.

应用程序/的build.gradle

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        applicationId "cool.bomber.android"
...

AndroidMaifest.xml

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.CAMERA" />

<uses-sdk
    android:minSdkVersion="16"
    android:targetSdkVersion="22" />

<application
  android:name=".MainApplication"
  android:allowBackup="true"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:theme="@style/AppTheme">
  <activity
    android:name=".MainActivity"
    android:launchMode="singleTask"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustResize">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
        <category android:name="com.google.intent.category.CARDBOARD" />
    </intent-filter>
    <intent-filter>
        <action android:name="android.intent.action.VIEW"/>
        <category android:name="android.intent.category.DEFAULT"/>
        <category android:name="android.intent.category.BROWSABLE"/> …

我正在运行示例应用程序.当我生成apk for android得到这样的错误......

FAILURE: Build failed with an exception.

    * What went wrong:
    Execution failed for task ':app:processReleaseResources'.
    > Failed to process resources, see aapt output above for details.

    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    * Get more help at https://help.gradle.org

    BUILD FAILED in 59s
    39 actionable tasks: 36 executed, 3 up-to-date

请给我任何建议.谢谢.

我有3个简单的React组件-

首先是实际视图（让我们将此屏幕命名为A）-

return(
    <ImageBackground
    ...
    >
       <ScrollView>


          <ChildButton
            onPress={this.someFunction.bind(this)}
           />

       </ScrollView>
    </ImageBackground>
)

然后是ChildButton组件---

    return(
    <ChildButton>
       <Button
         style={...someStyleObject}
         onPress={this.props.onPress}
        >

       </Button>

    </ChildButton>
)

然后有Button组件-

return (
<TouchableOpacity
  onPress={this.props.onPress}
 >
    {this.props.children}
</TouchableOpacity>

)

这里的主要问题是我的onPress没有从屏幕A调用，仅在Android上。在iOS上运行正常。可能的原因是什么？

注意：我已经将控制台放入ChildButton和Button组件中，并且它们没有被打印出来。

According to this RN release , now on we can use overflow:'visible' in android . But still React Native Android clipping its Children view. consider the below code

import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View, ScrollView,FlatList } from 'react-native';


type Props = {};
export default class App extends Component<Props> {
  objectValues = {
    one: 'one',
    two: 'one',
    three: 'one',
    four: 'one',
    five: 'one',
    six: 'one',
    seven: 'one',
    eight: 'one',
    nine: 'one',
    ten: 'one',
    eleven: …