mirror of
https://github.com/zoriya/react-native-svg.git
synced 2026-05-30 05:31:01 +00:00
Merge branch 'master' into 5.1.6
This commit is contained in:
@@ -14,6 +14,8 @@
|
||||
|
||||
### Installation
|
||||
|
||||
#### Automatic
|
||||
|
||||
*With Exponent, this is pre-installed. Jump ahead to [Usage](#Usage)*
|
||||
|
||||
1. Install library from `npm`
|
||||
@@ -42,6 +44,30 @@
|
||||
```bash
|
||||
rnpm link react-native-svg
|
||||
```
|
||||
|
||||
#### Manual
|
||||
|
||||
##### Android
|
||||
|
||||
1. `npm install react-native-svg --save`
|
||||
|
||||
2. Append the following lines to `android/settings.gradle`:
|
||||
|
||||
```
|
||||
include ':react-native-svg'
|
||||
project(':react-native-svg').projectDir = new File(rootProject.projectDir, './node_modules/react-native-svg/android')
|
||||
```
|
||||
|
||||
3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
|
||||
|
||||
```
|
||||
compile project(':react-native-svg')
|
||||
```
|
||||
|
||||
4. Open up `android/app/src/main/java/[...]/MainApplication.java
|
||||
- Add `import com.horcrux.svg.SvgPackage;` to the imports at the top of the file
|
||||
- Add `new SvgPackage()` to the list returned by the `getPackages()` method. Add a comma to the previous item if there's already something there.
|
||||
|
||||
|
||||
### <a name="Usage">Usage</a>
|
||||
|
||||
@@ -109,8 +135,8 @@ fillOpacity | 1 | This prop specifies the opacity of the color or t
|
||||
stroke | 'none' | The stroke prop controls how the outline of a shape appears.
|
||||
strokeWidth | 1 | The strokeWidth prop specifies the width of the outline on the current object.
|
||||
strokeOpacity | 1 | The strokeOpacity prop specifies the opacity of the outline on the current object.
|
||||
strokeLinecap | 'square' | The strokeLinecap prop specifies the shape to be used at the end of open subpaths when they are stroked.
|
||||
strokeLinejoin | 'miter' | The strokeLinejoin prop specifies the shape to be used at the corners of paths or basic shapes when they are stroked.
|
||||
strokeLinecap | 'square' | The strokeLinecap prop specifies the shape to be used at the end of open subpaths when they are stroked. Can be either `'butt'`, `'square'` or `'round'`.
|
||||
strokeLinejoin | 'miter' | The strokeLinejoin prop specifies the shape to be used at the corners of paths or basic shapes when they are stroked. Can be either `'miter'`, `'bevel'` or `'round'`.
|
||||
strokeDasharray | [] | The strokeDasharray prop controls the pattern of dashes and gaps used to stroke paths.
|
||||
strokeDashoffset| null | The strokeDashoffset prop specifies the distance into the dash pattern to start the dash.
|
||||
x | 0 | Translate distance on x-axis.
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
// Note: This could use applyFillColor with a pattern. This could be more efficient but
|
||||
// to do that, we need to calculate our own user space CTM.
|
||||
|
||||
- (void)paint:(CGContextRef)context opacity:(CGFloat)opacity brushConverter:(RNSVGBrushConverter *)brushConverter;
|
||||
- (void)paint:(CGContextRef)context opacity:(CGFloat)opacity brushConverter:(RNSVGPainter *)brushConverter;
|
||||
{
|
||||
CGContextDrawTiledImage(context, _rect, _image);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user