Работает ли react-native-video с react-native-navigation

Я пытаюсь воспроизвести видео в моем приложении React Native. Я пытаюсь использовать response-native-video, но при запуске приложение через react-native run-android я получаю сообщение об ошибке:

"undefined не является объектом (оценка'_reactNative.NativeModules.UIManager.RCT Video.Constants ')

Это сообщение на самом деле мало что мне говорит, но после попытки заставить это работать какое-то время я начал подозревать, что response-native-navigation, которая является навигацией, которую я использую для своего приложения, как-то связано с этим. Итак, я создал новый проект, поддерживающий реакцию, и добавил к нему response-native-video, и он заработал без особых проблем.

Итак, мой вопрос: испытывал ли кто-нибудь то же самое и мог ли предложить решение, чтобы эти два пакета работали вместе?

Мой settings.gradle:

rootProject.name = 'newproj'
include ':react-native-video'
project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')

include ':app'
include ':react-native-navigation'
project(':react-native-navigation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-navigation/android/app/')

Модуль build.gradle реагирует на собственное видео

apply plugin: 'com.android.library'

android {
    compileSdkVersion 23
    buildToolsVersion '25.0.1'

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }
}

dependencies {
    provided 'com.facebook.react:react-native:+'
    compile 'com.yqritc:android-scalablevideoview:1.0.1'
}

зависимости в build.grade Модуль: app

dependencies {
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
    compile project(':react-native-navigation')
    compile project(':react-native-video')
}

MainApplication.java

import android.app.Application;

import com.facebook.react.ReactApplication;
import com.brentvatne.react.ReactVideoPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import com.reactnativenavigation.NavigationApplication;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends NavigationApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
            new ReactVideoPackage()
      );
    }
  };

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }

    @Override
    public boolean isDebug() {
        // Make sure you are using BuildConfig from your own application
        return BuildConfig.DEBUG;
    }

    @Override
    public List<ReactPackage> createAdditionalReactPackages() {
        return null;
    }

}

И в моем родном проекте реакции:

import Video from 'react-native-video';

  <View style={styles.container}>
        <Video source={{uri: "youtube.com"}}  
          ref={(ref) => {
            this.player = ref
          }}   
resizeMode="cover"  
style={styles.backgroundVideo} 
/>
</View>

person smuvv    schedule 17.07.2017    source источник
comment
Не могли бы вы обновить сообщение своим кодом?   -  person Jeffrey Rajan    schedule 17.07.2017
comment
Не знаю, как это помогает с этой конкретной проблемой, но сейчас я обновил код!   -  person smuvv    schedule 17.07.2017
comment
Нет связи между react-navigation и react-native-video, undefined is not an object обычно возникает, когда вы забыли объявить параметр. Поэтому было бы полезно, если вы разместите полный код этого конкретного экрана (js-код, а не java-код)   -  person Jeffrey Rajan    schedule 17.07.2017


Ответы (1)


createAdditionalReactPackages должен вернуть пакеты.

Измените это

@Override
public List<ReactPackage> createAdditionalReactPackages() {
    return null;
}

к этому:

@Override
public List<ReactPackage> createAdditionalReactPackages() {
    return getPackages();
}
person guy.gc    schedule 18.07.2017