### 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.