mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-06-12 14:04:10 +00:00
Trivial edits
This commit is contained in:
@@ -36,5 +36,5 @@ export default function stylingStrategy(props) {
|
||||
className = classList.join(' ')
|
||||
style = autoprefix(style)
|
||||
|
||||
return { className: className, style }
|
||||
return { className, style }
|
||||
}
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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: {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
+1
-1
@@ -56,7 +56,7 @@ class Example extends Component {
|
||||
<View accessibilityRole='main' style={styles.root}>
|
||||
<Heading level='1' size='xlarge'>React Native Web</Heading>
|
||||
<Text>React Native Web takes the core components from <Text
|
||||
component="a" href="https://facebook.github.io/react-native/">React
|
||||
component='a' href='https://facebook.github.io/react-native/'>React
|
||||
Native</Text> 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
|
||||
|
||||
Reference in New Issue
Block a user