adjust style

src/component/index.js

@@ -80,17 +80,17 @@ export default (props, state, children) => {
           fill='none'
           cx={20}
           cy={20}
-          r={10}
+          r={8.5}
         />
         { phase !== 'refreshing' &&
-            <polygon
+            <path
               style={{
                 opacity: pMax,
                 transformOrigin: '50% 0%',
                 transform: `scale(${Math.min(pMax, 1)}, ${Math.min(pMax, 1)})`
               }}
               fill={color}
-              points='30,24 26,20 34,20'
+              d='M23.5,19l5,5l5-5H23.5z'
             />
         }
       </Svg>

src/component/index.native.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 import styled from 'styled-components/native'
 import { Easing, Animated, View } from 'react-native'
-import { Svg as NativeSvg, Circle as NativeCircle, Polygon as NativePolygon } from 'react-native-svg'
+import { Svg as NativeSvg, Circle as NativeCircle, Path as NativePath } from 'react-native-svg'
 
 class RotatingSvg extends Component {
   constructor(props) {
@@ -161,18 +161,18 @@ export default (props, state, children) => {
           fill='none'
           cx={20}
           cy={20}
-          r={10}
+          r={8.5}
         />
         { phase !== 'refreshing' &&
-            <NativePolygon
+            <NativePath
               style={{
                 opacity: pMax,
                 transform: [
                   { scale: Math.min(pMax, 1) }
                 ]
               }}
               fill={color}
-              points='30,24 26,20 34,20'
+              d='M23.5,19l5,5l5-5H23.5z'
             />
         }
       </Svg>

src/index.js

@@ -109,6 +109,7 @@ export default class PullRefresh extends Component {
     const Container = as
     return (
       <Container
+        ref='container'
         {...props}
         onScroll    ={!disabled && ::this.onScroll}
         onMouseDown ={!disabled && ::this.onDown}
@@ -139,7 +140,7 @@ PullRefresh.defaultProps = {
   as: 'div',
   style: {},
   disabled: false,
-  color: '#787878',
+  color: '#4285f4',
   bgColor: '#fff',
   render: renderDefault,
   zIndex: undefined