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
Adds support for a similar functionality as <Image capInsets={...} />
to android.
Behind the scenes it will generate a NinePatchDrawable
and set as background for the android ImageView
Installation
npm i --save react-native-image-capinsets-next
(not recommended - RN v0.59 and lower)
[Android only]
Auto Link
react-native link react-native-image-capinsets-next
(recommended - RN v0.59, v0.60 and above)
[Android only]
Manual link Ensure your build files match the following requirements:
- Define the
react-native-image-capinsets-next
project inandroid/settings.gradle
:
...include ':react-native-image-capinsets-next'project(':react-native-image-capinsets-next').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-capinsets/android')
- Add the
react-native-image-capinsets-next
as an dependency of your app inandroid/app/build.gradle
:
...dependencies { ... implementation project(':react-native-image-capinsets-next')}
- (RN v0.59 and lower) Add
import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;
andnew RCTImageCapInsetPackage(),
in yourMainApplication.java
:
... @Override protected List<ReactPackage> { return Arrays.<ReactPackage>; }
- (RN v0.60 and above) Add
import dk.madslee.imageCapInsets.RCTImageCapInsetPackage;
andpackages.add(new RCTImageCapInsetPackage());
in yourMainApplication.java
:
... @Override protected List<ReactPackage> { List<ReactPackage> packages = new PackageList(this).; // Packages that cannot be autolinked yet can be added manually here, for example: // packages.add(new MyReactNativePackage()); packages.; return packages; }
That's it, you made it! 👍
Tips
- Please use a local image. Remote files usually don't works.
- 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
; <ImageCapInset source= capInsets= top: 8 right: 8 bottom: 8 left: 8 />