Merge pull request #8 from finkef/fix/example-use-tailwind-usage

finkef · web-flow · commit efac5f254e2e · 2021-12-22T23:19:27.000+01:00
Add `dataSet` prop to Expo Button example
diff --git a/examples/expo/src/Button.tsx b/examples/expo/src/Button.tsx
@@ -27,8 +27,10 @@ export const Button: FunctionComponent<ButtonProps> = ({ label, onPress }) => {
       onPressOut={() => setPressed(false)}
       onPress={onPress}
     >
-      <View style={styles.button}>
-        <Text style={styles.text}>{label}</Text>
+      <View style={styles.button} dataSet={{ tw: styles.button.id }}>
+        <Text style={styles.text} dataSet={{ tw: styles.text.id }}>
+          {label}
+        </Text>
       </View>
     </TouchableWithoutFeedback>
   )

Original file line number	Diff line number	Diff line change
`@@ -27,8 +27,10 @@ export const Button: FunctionComponent<ButtonProps> = ({ label, onPress }) => {`
`27`	`27`	`onPressOut={() => setPressed(false)}`
`28`	`28`	`onPress={onPress}`
`29`	`29`	`>`
`30`		`- <View style={styles.button}>`
`31`		`- <Text style={styles.text}>{label}</Text>`
	`30`	`+ <View style={styles.button} dataSet={{ tw: styles.button.id }}>`
	`31`	`+ <Text style={styles.text} dataSet={{ tw: styles.text.id }}>`
	`32`	`+ {label}`
	`33`	`+ </Text>`
`32`	`34`	`</View>`
`33`	`35`	`</TouchableWithoutFeedback>`
`34`	`36`	`)`