diff --git a/docs/next/typescript.html b/docs/next/typescript.html
index 59c3bf6aa29..4426366caf2 100644
--- a/docs/next/typescript.html
+++ b/docs/next/typescript.html
@@ -147,30 +147,30 @@ const Hello: React.FC<Props> = (props) => {
const getExclamationMarks = (numChars: number) => Array(numChars + 1).join('!');
return (
<View style={styles.root}>
- <Text style={styles.greeting}>
- Hello{' '}
- {props.name + getExclamationMarks(enthusiasmLevel || 0)}
- </Text>
+ <Text style={styles.greeting}>
+ Hello{' '}
+ {props.name + getExclamationMarks(enthusiasmLevel || 0)}
+ </Text>
- <View style={styles.buttons}>
- <View style={styles.button}>
- <Button
- title="-"
- onPress={onDecrement}
- accessibilityLabel="decrement"
- color="red"
- />
- </View>
-
- <View style={styles.button}>
- <Button
- title="+"
- onPress={onIncrement}
- accessibilityLabel="increment"
- color="blue"
- />
- </View>
+ <View style={styles.buttons}>
+ <View style={styles.button}>
+ <Button
+ title="-"
+ onPress={onDecrement}
+ accessibilityLabel="decrement"
+ color="red"
+ />
</View>
+
+ <View style={styles.button}>
+ <Button
+ title="+"
+ onPress={onIncrement}
+ accessibilityLabel="increment"
+ color="blue"
+ />
+ </View>
+ </View>
</View>
);
}
@@ -182,7 +182,7 @@ const styles = StyleSheet.create({
alignSelf: 'center',
},
buttons: {
- flexDirection: 'row',
+ flexDirection: 'row',
minHeight: 70,
alignItems: 'stretch',
alignSelf: 'center',
diff --git a/docs/next/typescript/index.html b/docs/next/typescript/index.html
index 59c3bf6aa29..4426366caf2 100644
--- a/docs/next/typescript/index.html
+++ b/docs/next/typescript/index.html
@@ -147,30 +147,30 @@ const Hello: React.FC<Props> = (props) => {
const getExclamationMarks = (numChars: number) => Array(numChars + 1).join('!');
return (
<View style={styles.root}>
- <Text style={styles.greeting}>
- Hello{' '}
- {props.name + getExclamationMarks(enthusiasmLevel || 0)}
- </Text>
+ <Text style={styles.greeting}>
+ Hello{' '}
+ {props.name + getExclamationMarks(enthusiasmLevel || 0)}
+ </Text>
- <View style={styles.buttons}>
- <View style={styles.button}>
- <Button
- title="-"
- onPress={onDecrement}
- accessibilityLabel="decrement"
- color="red"
- />
- </View>
-
- <View style={styles.button}>
- <Button
- title="+"
- onPress={onIncrement}
- accessibilityLabel="increment"
- color="blue"
- />
- </View>
+ <View style={styles.buttons}>
+ <View style={styles.button}>
+ <Button
+ title="-"
+ onPress={onDecrement}
+ accessibilityLabel="decrement"
+ color="red"
+ />
</View>
+
+ <View style={styles.button}>
+ <Button
+ title="+"
+ onPress={onIncrement}
+ accessibilityLabel="increment"
+ color="blue"
+ />
+ </View>
+ </View>
</View>
);
}
@@ -182,7 +182,7 @@ const styles = StyleSheet.create({
alignSelf: 'center',
},
buttons: {
- flexDirection: 'row',
+ flexDirection: 'row',
minHeight: 70,
alignItems: 'stretch',
alignSelf: 'center',