react-native 视频播放器（很不错哦）
发布时间：2020-12-15 20:29:02 所属栏目：百科 来源：网络整理
导读：第一步： npm i -S react-native-af-video-player（安装前：先安装：?react-native-video、react-native-keep-awake、react-native-vector-icons、 react-native-orientation、 react-native-linear-gradient ） 第二步： react-native link react-native-vi
|
第一步：
npm i -S react-native-af-video-player（安装前：先安装：?react-native-video、react-native-keep-awake、react-native-vector-icons、
react-native-orientation、
react-native-linear-gradient
）
第二步：
react-native link react-native-video react-native link react-native-keep-awake react-native link react-native-vector-icons react-native link react-native-orientation react-native link react-native-linear-gradient
import React from ‘react‘
import { AppRegistry,StyleSheet,View } from ‘react-native‘
import Video from ‘react-native-af-video-player‘
?
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center‘,
alignItems: "center"
},
videocontent: {
width: 1000,
height: 660
},
})
?
const url = ‘http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4‘
?
export default class VideoExample extends React.Component {
render() {
return (
<View style={styles.container}>
<Video
autoPlay={true}
loop={true}
style={styles.videocontent}
fullScreenOnly={false}
inlineOnly={true}
url={url} />
</View>
)
}
}
?
实现效果图：
?
?
其他设置参考：https://github.com/abbasfreestyle/react-native-af-video-player
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
