### Start iOS App (npm/Yarn) Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/example/README.md Launches the React Native application on an iOS simulator. This command is executed after the Metro server has started and can be run using npm or Yarn. ```Bash # using npm npm run ios # OR using Yarn yarn ios ``` -------------------------------- ### Start Example App Packager Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Starts the Metro bundler for the example application, allowing for live reloading and development. ```bash yarn example start ``` -------------------------------- ### Start Metro Server (npm/Yarn) Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/example/README.md Starts the Metro bundler, which is essential for React Native development. This command can be executed using either npm or Yarn. ```Bash # using npm npm start # OR using Yarn yarn start ``` -------------------------------- ### Start Android App (npm/Yarn) Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/example/README.md Launches the React Native application on an Android emulator or device. This command is run after the Metro server has started and can be executed using npm or Yarn. ```Bash # using npm npm run android # OR using Yarn yarn android ``` -------------------------------- ### Run Example App on Android Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Builds and runs the example application on an connected Android device or emulator. ```bash yarn example android ``` -------------------------------- ### Install Dependencies with Yarn Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Installs all project dependencies using Yarn, essential for the monorepo setup with Yarn workspaces. ```bash yarn ``` -------------------------------- ### Run Example App on iOS Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Builds and runs the example application on an connected iOS device or simulator. ```bash yarn example ios ``` -------------------------------- ### iOS Pod Install Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Installs the necessary dependencies for iOS by navigating to the ios directory and running the pod install command. This is a required step after adding the library to your React Native project. ```bash cd ios && pod install ``` -------------------------------- ### Install React Native Mediapipe Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Installs the ThinkSys Mediapipe library using npm. This is the first step to integrate pose detection into your React Native application. ```bash npm install @thinksys/react-native-mediapipe ``` -------------------------------- ### React Native Mediapipe Switch Camera Method Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Demonstrates how to use the `switchCamera` method provided by the library to toggle between front and back cameras. An example of a button triggering this function is included. ```javascript import { RNMediapipe, switchCamera } from '@thinksys/react-native-mediapipe'; export default function App() { const onFlip = () => { switchCamera(); }; return ( Switch Camera ) } ``` -------------------------------- ### Linting with ESLint Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Runs ESLint to check for code style and potential errors according to the project's linting rules. ```bash yarn lint ``` -------------------------------- ### Publish New Version Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Uses release-it to automate the process of publishing a new version of the package to npm. ```bash yarn release ``` -------------------------------- ### Run Unit Tests Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Executes the project's unit tests using Jest to ensure code correctness. ```bash yarn test ``` -------------------------------- ### Fix Linting Errors Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Attempts to automatically fix code formatting and style issues identified by ESLint. ```bash yarn lint --fix ``` -------------------------------- ### iOS Info.plist Camera Permission Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Adds the necessary camera usage description to the Info.plist file for iOS applications. This allows the app to access the device's camera for pose landmark detection. ```xml NSCameraUsageDescription This app uses camera to get pose landmarks that appear in the camera feed. ``` -------------------------------- ### Basic React Native Mediapipe Usage Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Demonstrates the basic usage of the RNMediapipe component in a React Native application. It sets the width and height for the camera view. ```javascript import { RNMediapipe } from '@thinksys/react-native-mediapipe'; export default function App() { return ( ) } ``` -------------------------------- ### Type Checking with TypeScript Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/CONTRIBUTING.md Executes TypeScript to check for type errors across the project's codebase. ```bash yarn typecheck ``` -------------------------------- ### Android Manifest Camera Permissions Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Configures the Android manifest file to include camera feature and permission. This enables the application to utilize the device's camera for pose detection. ```xml ``` -------------------------------- ### React Native: Use onLandmark Prop for Body Landmark Data Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md This snippet shows how to integrate the RNMediapipe component into a React Native application. It utilizes the 'onLandmark' prop to capture and log body landmark data received from the Mediapipe processing. ```javascript import { RNMediapipe } from '@thinksys/react-native-mediapipe'; export default function App() { return ( { console.log('Body Landmark Data:', data); }} /> ) } ``` -------------------------------- ### React Native Mediapipe with Body Part Visibility Source: https://github.com/thinksys/mediapipe-reactnative/blob/main/README.md Shows how to control the visibility of specific body parts (face, arms, legs, etc.) in the pose detection overlay using props. By default, all body parts are visible. ```javascript import { RNMediapipe } from '@thinksys/react-native-mediapipe'; export default function App() { return ( ) } ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.