mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-05 22:56:11 +00:00
style: format and rename variables (#2469)
# Summary Formatting and rename variable committed in #2415
This commit is contained in:
34
USAGE.md
34
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.
|
||||
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user