diff --git a/src/components/CoreComponent/modules/restyle.js b/src/components/CoreComponent/modules/restyle.js index f60acbfc..c6375395 100644 --- a/src/components/CoreComponent/modules/restyle.js +++ b/src/components/CoreComponent/modules/restyle.js @@ -36,5 +36,5 @@ export default function stylingStrategy(props) { className = classList.join(' ') style = autoprefix(style) - return { className: className, style } + return { className, style } } diff --git a/src/components/CoreComponent/modules/stylePropTypes.js b/src/components/CoreComponent/modules/stylePropTypes.js index 5a8098e2..9a919862 100644 --- a/src/components/CoreComponent/modules/stylePropTypes.js +++ b/src/components/CoreComponent/modules/stylePropTypes.js @@ -12,7 +12,6 @@ export default { alignItems: string, alignSelf: string, backfaceVisibility: string, - // background backgroundAttachment: string, backgroundClip: string, backgroundColor: string, @@ -21,25 +20,21 @@ export default { backgroundPosition: string, backgroundRepeat: string, backgroundSize: string, - // border color borderColor: numberOrString, borderBottomColor: numberOrString, borderLeftColor: numberOrString, borderRightColor: numberOrString, borderTopColor: numberOrString, - // border-radius borderRadius: numberOrString, borderTopLeftRadius: numberOrString, borderTopRightRadius: numberOrString, borderBottomLeftRadius: numberOrString, borderBottomRightRadius: numberOrString, - // border style borderStyle: numberOrString, borderBottomStyle: numberOrString, borderLeftStyle: numberOrString, borderRightStyle: numberOrString, borderTopStyle: numberOrString, - // border width borderWidth: numberOrString, borderBottomWidth: numberOrString, borderLeftWidth: numberOrString, @@ -68,13 +63,11 @@ export default { left: numberOrString, letterSpacing: string, lineHeight: numberOrString, - // margin margin: numberOrString, marginBottom: numberOrString, marginLeft: numberOrString, marginRight: numberOrString, marginTop: numberOrString, - // min/max maxHeight: numberOrString, maxWidth: numberOrString, minHeight: numberOrString, @@ -84,7 +77,6 @@ export default { overflow: string, overflowX: string, overflowY: string, - // padding padding: numberOrString, paddingBottom: numberOrString, paddingLeft: numberOrString, diff --git a/src/components/Image/index.js b/src/components/Image/index.js index 6d8b0e92..aa61bb3c 100644 --- a/src/components/Image/index.js +++ b/src/components/Image/index.js @@ -16,8 +16,8 @@ const imageStyleKeys = Object.keys(ImageStylePropTypes) const styles = { initial: { alignSelf: 'flex-start', - backgroundRepeat: 'no-repeat', backgroundPosition: 'center', + backgroundRepeat: 'no-repeat', backgroundSize: '100% 100%' }, img: { diff --git a/src/components/Touchable/index.js b/src/components/Touchable/index.js index 5a72efb7..97ea01e4 100644 --- a/src/components/Touchable/index.js +++ b/src/components/Touchable/index.js @@ -59,8 +59,7 @@ class Touchable extends React.Component { } _onLongPress(e) { - const event = e - if (this.props.onLongPress) this.props.onLongPress(event) + if (this.props.onLongPress) this.props.onLongPress(e) } _onPress(e) { diff --git a/src/example.js b/src/example.js index 688b004f..6c65f0f9 100644 --- a/src/example.js +++ b/src/example.js @@ -56,7 +56,7 @@ class Example extends Component { React Native Web React Native Web takes the core components from React + component='a' href='https://facebook.github.io/react-native/'>React Native and brings them to the web. These components provide simple building blocks – touch and swipe handling, flexbox layout, scroll views – from which more complex components and apps can be