我一直在尝试从包含多个视频和图像的滑块播放单个视频。我使用和尝试的内容如下。 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
我是开玩笑的人,
在我的项目 - 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●测试套件无法运行
Run Code Online (Sandbox Code Playgroud)/Users/Documents/Projects/node_modules/react-native/Libraries/Utilities/Platform.ios.js:31 get isTesting(): boolean { ^ SyntaxError: Unexpected token : …