### Starting React Native Packager with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Starts the Metro packager for the example application. This allows real-time updates to JavaScript code without requiring a full rebuild of the native apps. ```sh yarn example start ``` -------------------------------- ### Running Example App on iOS with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Builds and launches the example React Native application on a connected iOS device or simulator. Requires a configured Xcode development environment. ```sh yarn example ios ``` -------------------------------- ### Running Example App on Android with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Builds and launches the example React Native application on a connected Android device or emulator. Requires a configured Android development environment. ```sh yarn example android ``` -------------------------------- ### Installing react-native-transparent-video package Source: https://github.com/discord/react-native-transparent-video/blob/main/README.md These commands demonstrate how to install the `react-native-transparent-video` library into your React Native project using either npm or yarn package managers. ```sh npm install @status-im/react-native-transparent-video ``` ```sh yarn add @status-im/react-native-transparent-video ``` -------------------------------- ### Installing Dependencies with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Runs the yarn command in the project's root directory to install the required dependencies for all packages within the monorepo. This is the first step to set up the development environment. ```sh yarn ``` -------------------------------- ### Publishing New Version with Release-it (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Uses the 'release-it' tool to automate the package publishing process. This includes bumping the version, creating Git tags and releases, and publishing to npm. ```sh yarn release ``` -------------------------------- ### Running Jest Unit Tests with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Executes the project's unit tests using the Jest testing framework. This command verifies the functionality of individual code components. ```sh yarn test ``` -------------------------------- ### Running ESLint Linting with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Runs ESLint to analyze the code for potential errors, bugs, stylistic issues, and suspicious constructs based on the project's configuration. It helps maintain code quality and consistency. ```sh yarn lint ``` -------------------------------- ### Running TypeScript Type Check with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Executes the TypeScript compiler to perform type checking on the project's source code. This command helps identify potential type errors before runtime. ```sh yarn typecheck ``` -------------------------------- ### Fixing ESLint Linting Errors with Yarn (sh) Source: https://github.com/discord/react-native-transparent-video/blob/main/CONTRIBUTING.md Executes ESLint with the '--fix' flag, attempting to automatically fix fixable code style and formatting issues identified by the linter. Use this to quickly resolve common linting problems. ```sh yarn lint --fix ``` -------------------------------- ### Using TransparentVideo component in React Native Source: https://github.com/discord/react-native-transparent-video/blob/main/README.md This snippet shows how to import the `TransparentVideo` component, load a local video file, and render the component within a React Native functional component, applying basic absolute positioning styles. ```js import TransparentVideo from '@status-im/react-native-transparent-video'; const video = require('../assets/video.mp4'); function App() { return ( ); } const styles = StyleSheet.create({ transparentVideo: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, }, }); ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.