diff --git a/USAGE.md b/USAGE.md index f3dc6b3c..64cb9b2f 100644 --- a/USAGE.md +++ b/USAGE.md @@ -145,12 +145,15 @@ export default () => { ); }; ``` + # Web configuration ## Metro bundler + No additional steps are required when using Metro bundler. ## Webpack + If you are using the Webpack bundler, the following steps are needed: - Install `@react-native/assets-registry/registry` as a project dependency. @@ -158,25 +161,26 @@ If you are using the Webpack bundler, the following steps are needed: - Configure the Webpack `module -> rules` section and include an important rule for `node_modules/@react-native/assets-registry/registry`. webpack.config.js - ```ts - const babelLoaderConfiguration = { - include: [ - path.resolve( - appDirectory, - // Important! - 'node_modules/@react-native/assets-registry/registry', - ), - ], - ... + +```ts +const babelLoaderConfiguration = { + include: [ + path.resolve( + appDirectory, + // Important! + 'node_modules/@react-native/assets-registry/registry', + ), + ], + ... }; module.exports = { - ...config, - module: { - rules: [babelLoaderConfiguration], - }, + ...config, + module: { + rules: [babelLoaderConfiguration], + }, }; - ``` +``` For more details on the complete Webpack configuration, you can refer to this [documentation](https://necolas.github.io/react-native-web/docs/multi-platform/#compiling-and-bundling) on how to set up a `webpack.config` file for React Native Web. diff --git a/android/src/main/java/com/horcrux/svg/RenderableView.java b/android/src/main/java/com/horcrux/svg/RenderableView.java index b24e0a18..60a0e9f1 100644 --- a/android/src/main/java/com/horcrux/svg/RenderableView.java +++ b/android/src/main/java/com/horcrux/svg/RenderableView.java @@ -428,7 +428,12 @@ public abstract class RenderableView extends VirtualView implements ReactHitSlop float maskY = (float) relativeOnFraction(mask.mY, clientRect.height()); float maskWidth = (float) relativeOnFraction(mask.mW, clientRect.width()); float maskHeight = (float) relativeOnFraction(mask.mH, clientRect.height()); - maskBounds = new RectF(clientRect.left + maskX, clientRect.top + maskY, clientRect.left + maskX + maskWidth, clientRect.top + maskY + maskHeight); + maskBounds = + new RectF( + clientRect.left + maskX, + clientRect.top + maskY, + clientRect.left + maskX + maskWidth, + clientRect.top + maskY + maskHeight); } // clip to mask bounds canvas.clipRect(maskBounds); diff --git a/android/src/transformRn73/java/com/horcrux/svg/SvgViewManager.java b/android/src/transformRn73/java/com/horcrux/svg/SvgViewManager.java index 51e263f5..113d0a01 100644 --- a/android/src/transformRn73/java/com/horcrux/svg/SvgViewManager.java +++ b/android/src/transformRn73/java/com/horcrux/svg/SvgViewManager.java @@ -328,11 +328,11 @@ class SvgViewManager extends ReactViewManager } public void setBorderRadius(ReactViewGroup view, int index, Dynamic rawBorderRadius) { - double test = 0; + double borderRadius = 0; if (rawBorderRadius.getType() == ReadableType.Number) { - test = rawBorderRadius.asDouble(); + borderRadius = rawBorderRadius.asDouble(); } - super.setBorderRadius(view, index, (float) test); + super.setBorderRadius(view, index, (float) borderRadius); } @Override