# rntpc_react-native-image-capinsets-next
**Repository Path**: openharmony-sig/rntpc_react-native-image-capinsets-next
## Basic Information
- **Project Name**: rntpc_react-native-image-capinsets-next
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/openharmony-sig/rntpc_react-native-image-capinsets-next
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-14
- **Last Updated**: 2025-05-07
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 🚨 **重要提示 | IMPORTANT**
>
> **⚠️ 此代码仓已归档。新地址请访问 [rntpc_react-native-image-capinsets-next](https://gitcode.com/openharmony-sig/rntpc_react-native-image-capinsets-next)。| ⚠️ This repository has been archived. For the new address, please visit [rntpc_react-native-image-capinsets-next](https://gitcode.com/openharmony-sig/rntpc_react-native-image-capinsets-next).**
>
---
>
### This fork has some new features:
- Increased support for React Native v0.59.10 and v0.60+;
- Increased support for loading local images;
- Add Manual Link guide (recommended);
- Hide warning that was happening on RN v0.60.
Fork from: https://github.com/summer88123/react-native-image-capinsets
# react-native-image-capinsets-next
[](http://badge.fury.io/js/react-native-image-capinsets-next)
[](https://travis-ci.org/mayconmesquita/react-native-image-capinsets-next)
Adds support for a similar functionality as `` to android.
Behind the scenes it will generate a `NinePatchDrawable` and set as background for the android `ImageView`
[](https://nodei.co/npm/iconerator-next/)
## Installation
> `npm i --save react-native-image-capinsets-next`
## Auto Link `(not recommended - RN v0.59 and lower)` [Android only]
> `react-native link react-native-image-capinsets-next`
## Manual link `(recommended - RN v0.59, v0.60 and above)` [Android only]
Ensure your build files match the following requirements:
1. Define the `react-native-image-capinsets-next` project in `android/settings.gradle`:
```groovy
...
include ':react-native-image-capinsets-next'
project(':react-native-image-capinsets-next').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-capinsets/android')
```
2. Add the `react-native-image-capinsets-next` as an dependency of your app in `android/app/build.gradle`:
```groovy
...
dependencies {
...
implementation project(':react-native-image-capinsets-next')
}
```
3. (RN v0.59 and lower) Add `import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;` and `new RCTImageCapInsetPackage(),` in your `MainApplication.java` :
```java
import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;
...
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new RCTImageCapInsetPackage()
);
}
```
4. (RN v0.60 and above) Add `import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;` and `packages.add(new RCTImageCapInsetPackage());` in your `MainApplication.java` :
```java
import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;
...
@Override
protected List getPackages() {
@SuppressWarnings("UnnecessaryLocalVariable")
List packages = new PackageList(this).getPackages();
// Packages that cannot be autolinked yet can be added manually here, for example:
// packages.add(new MyReactNativePackage());
packages.add(new RCTImageCapInsetPackage());
return packages;
}
```
That's it, you made it! :+1:
## Tips
1. Please use a local image. Remote files usually don't works.
2. For saving a remote file, before load as local, you can use https://github.com/joltup/rn-fetch-blob. Open an issue here if you need an example.
## Examples
```javascript
import ImageCapInset from 'react-native-image-capinsets-next';
```