b39a9f31b7ebb30f56efb0bbc91c2a2ed1c560e7
react-native-video
A
Add it to your project
- Run
npm install react-native-video --save - Open your project in XCode, right click on
Librariesand click `Add Files to "Your Project Name" (Screenshot). - Add
libRTCVideo.atoBuild Phases -> Link Binary With Libraries(Screenshot). - Click on
RCTVideo.xcodeprojinLibrariesand go theBuild Phasestab. Double click the text to the right ofHeader Search Pathsand add$(SRCROOT)../react-native/Reactso XCode is able to find the headers that theRCTVideosource files are referring to, by pointing to the header files installed within thereact-nativenode_modulesdirectory. (Screenshot). - Whenever you want to use it within React code now you can:
var Video = require('react-native-video');
Example
// Within your render function, assuming you have a file called
// "background.mp4" in your project
<Video source={"background"} style={styles.backgroundVideo} />
// Later on in your styles..
var styles = Stylesheet.create({
backgroundVideo: {
resizeMode: 'cover', // stretch and contain also supported
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0,
},
});
Example code here.
Description
Languages
Swift
30.4%
Kotlin
25%
Java
20.7%
TypeScript
16.8%
C++
3.5%
Other
3.5%