小编Luc*_*Lat的帖子

在轮播中反应原生视频

我一直在尝试从包含多个视频和图像的滑块播放单个视频。我使用和尝试的内容如下。 1. react-native-video, 2. react-native-snap-carousel

如何暂停和播放水平轮播中包裹的视频以及垂直 FlatList Feeds 中的视频

这是我的旋转木马:

<View style={styles.sliderImgView}>
     <Carousel
       ref={(c) => { this._carousel = c; }}
       data={chordData.images}
       firstItem={0}
       autoplay={autoPlay}
       layout={layout}
       loop={loop}
       renderItem={this._renderItem}
       onSnapToItem={(ind) => this.setState({ activeSlide: ind })}
       loopClonesPerSide={bannersDataLength}
       sliderWidth={SCREEN_WIDTH}
       itemWidth={SCREEN_WIDTH} />
</View>
Run Code Online (Sandbox Code Playgroud)

我的 _renderItem 在这里:

if (item.mediaType === "image") {
return (
    <View style={[styles.sliderImgView, GlobalStyles.ajCenter]} key={index}>
        <Image source={{ uri: item.imgUrl }} resizeMode={"cover"} style={[styles.sliderImageStyle]} />
    </View>
)
} else {
    return (
        <View style={[styles.sliderImgView, GlobalStyles.ajCenter]} key={index}>
            <Video
                source={{ uri: item.imgUrl }}  // Can be a URL …
Run Code Online (Sandbox Code Playgroud)

javascript react-native react-native-snap-carousel react-native-video

5
推荐指数
1
解决办法
2261
查看次数

Jest TransformIgnorePatterns React-Native Preset的所有node_modules

我是开玩笑的人,

在我的项目 - package.json中设置jest配置之后,

的package.json

"jest": {
    "preset": "react-native",
    "verbose": true,
    "moduleDirectories": ["node_modules", "src"],
    "transformIgnorePatterns": ["node_modules/(?!(react-native-cookies)/)"]
  },
Run Code Online (Sandbox Code Playgroud)

我已经尝试忽略所有节点模块: -

"transformIgnorePatterns": ["node_modules"]
Run Code Online (Sandbox Code Playgroud)

但不适合我

.babelrc

{
  "presets": ["react-native"]
}
Run Code Online (Sandbox Code Playgroud)

我的LoginScreen-Test.js代码: -

测试用例

import 'react-native';
import React from 'react';
import LoginScreen from '../src/components/LoginScreen';
import renderer from 'react-test-renderer';

it('renders correctly', () => {
  const hello = renderer.create(<LoginScreen/>).toJSON();
  expect(hello).toMatchSnapshot();
});
Run Code Online (Sandbox Code Playgroud)

我开始跑 - > npm test或npm test - -u

它反映了我以下错误: -

终端输出

FAIL 测试 /LoginScreen-test.js●测试套件无法运行

/Users/Documents/Projects/node_modules/react-native/Libraries/Utilities/Platform.ios.js:31
  get isTesting(): boolean {
                 ^

SyntaxError: Unexpected token : …
Run Code Online (Sandbox Code Playgroud)

jestjs react-native

4
推荐指数
2
解决办法
6467
查看次数