WallpaperModule

A React Native package that allows you to programmatically set the home screen and lock screen wallpapers on Android and iOS devices. This module provides a simple interface to update the device wallpapers, making it easy to integrate wallpaper customization into your React Native app.

Features

• Set Home Screen Wallpaper.
• Set Lock Screen Wallpaper.
• Set Both Home and Lock Screen Wallpapers.
• Compatible with both Android and iOS platforms.

Installation

1. Install the package via npm:

   npm install react-native-wallpaper-manager-one
   
   or
   
   yarn add react-native-wallpaper-manager-one

Key points for highlighting:

• Use the latest version for smooth flow of application.
• Add the required permissions user wants to add the image from local.

1. Code blocks:

   • Use triple backticks (```) to denote a code block, followed by the language identifier for syntax highlighting (e.g., bash, javascript, xml).
   • For inline code (within text), wrap it in single backticks (e.g., npm install).

2. Headings:

   • Use hash (#) symbols for headings, like # for H1, ## for H2, etc.

3. Lists:

   • Use asterisks (*) or hyphens (-) for unordered lists, and numbers for ordered lists.

Example of syntax highlighting:

• JavaScript (for functions or other code):

const setHomeScreenWallpaper = async (imageUrl: string) => {
  try {
    const response = await setHomeScreenWallpaper(imageUrl);
    console.log("Home Screen Wallpaper set successfully:", response);
  } catch (error) {
    console.error("Failed to set Home Screen wallpaper:", error);
  }
};

const setLockScreenWallpaper = async (imageUrl: string) => {
  try {
    const response = await setLockScreenWallpaper(imageUrl);
    console.log("Lock Screen Wallpaper set successfully:", response);
  } catch (error) {
    console.error("Failed to set Lock Screen wallpaper:", error);
  }
};

const setBothWallpapers = async (imageUrl: string) => {
  try {
    const response = await setBothWallpapers(imageUrl);
    console.log(
      "Both Home and Lock Screen Wallpapers set successfully:",
      response
    );
  } catch (error) {}
};

Reference for more details https://github.com/ivpusic/react-native-image-crop-picker/issues/1406

• Add the permissions for setting the wallpaper app/src/main/AndroidManifest.xml

  • <uses-permission android:name="android.permission.SET_WALLPAPER"/>

• [Optional] app/src/main/AndroidManifest.xml

  • <uses-permission android:name="android.permission.CAMERA"/>

• [Optional] If you want to use front camera, also add following to app/src/main/ AndroidManifest.xml

  • <uses-feature android:name="android.hardware.camera" android:required="false" />
  • <uses-feature android:name="android.hardware.camera.front" android:required="false" />