React-native-видео не работает на Android - PullRequest
Новая
       21

React-native-видео не работает на Android

0 голосов
/ 25 мая 2018

Я пытаюсь воспроизвести видео на своем проекте Reaction-native для Android.

Установлено

response-native-video && реагировать-nativeссылка

Я не могу воспроизвести local storage и online videos.

проблема

  • Иногда звук идет только сбелый экран.
  • иногда видео мерцает.

пакет, json 

{
  "name": "viapp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.4",
    "react-native-video": "^2.0.0"
  },
  "devDependencies": {
    "babel-jest": "23.0.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "23.0.0",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

settings.gradle 

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

Build.gradle 

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

MainApplication.java 

package com.viapp;

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 java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  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
    protected String getJSMainModuleName() {
      return "index";
    }
  };

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

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

Приложение.js 

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

import Video from 'react-native-video';
import Dog from './dog.mp4';
import LightVideo from "./lights.mp4";

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Video
          source={LightVideo}
          resizeMode="cover"
          style={StyleSheet.absoluteFill}
        />

      </View>
    );
  }
}



// Later on in your styles..


const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

Я не знаю, где я допустил ошибку. Я пытался uri, это также не работает. Версия для меня сомнительна.

Любая помощь будет очень признателен

...