Skip to content

Commit

Permalink
Fix typo in button.md (#6812)
Browse files Browse the repository at this point in the history
* Fix typo in button.md

I've changed 'hold your breathe' to 'hold your breath'.

* v36 docs

Co-authored-by: Charlie Cruzan <35579283+cruzach@users.noreply.github.com>
  • Loading branch information
2 people authored and EvanBacon committed Feb 13, 2020
1 parent f4367c0 commit cfdfe14
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
4 changes: 2 additions & 2 deletions docs/pages/versions/unversioned/tutorial/button.md
Expand Up @@ -60,7 +60,7 @@ Give it a try! Notice that when you press on the button it fades a little bit &m

## Making it easier to press the button

When you are using your finger to tap on a button, you don't want to have to hold your breathe and carefully aim your finger &mdash; the button should be big enough that it's easy to press for people with varying levels of dexterity and an assortment of finger sizes, from baby right up to big boy.
When you are using your finger to tap on a button, you don't want to have to hold your breath and carefully aim your finger &mdash; the button should be big enough that it's easy to press for people with varying levels of dexterity and an assortment of finger sizes, from baby right up to big boy.

We can make our button bigger by adding some `padding` to our `TouchableOpacity`. We've already seen `width`, `height`, and various `margin` properties on our styles, `padding` is in the same family as those. They all tell React Native's layout system how big components should be and how they should be positioned relative to other components. The layout system is called [flexbox](https://facebook.github.io/react-native/docs/flexbox), but don't worry about that for now, in this tutorial we will tell you exactly what styles to use and you can learn about flexbox later.

Expand Down Expand Up @@ -123,4 +123,4 @@ const styles = StyleSheet.create({

> 📜 Yikes, these code snippets are getting long. For the rest of the tutorial we'll show only relevant code here, and you can click through to Snack to see the full code.
- We have a button! We can now make that button do what we want it to do: open an "image picker" - a screen with a gallery of images on your device. [Continue to the next section](../../tutorial/image-picker/).
- We have a button! We can now make that button do what we want it to do: open an "image picker" - a screen with a gallery of images on your device. [Continue to the next section](../../tutorial/image-picker/).
4 changes: 2 additions & 2 deletions docs/pages/versions/v36.0.0/tutorial/button.md
Expand Up @@ -60,7 +60,7 @@ Give it a try! Notice that when you press on the button it fades a little bit &m

## Making it easier to press the button

When you are using your finger to tap on a button, you don't want to have to hold your breathe and carefully aim your finger &mdash; the button should be big enough that it's easy to press for people with varying levels of dexterity and an assortment of finger sizes, from baby right up to big boy.
When you are using your finger to tap on a button, you don't want to have to hold your breath and carefully aim your finger &mdash; the button should be big enough that it's easy to press for people with varying levels of dexterity and an assortment of finger sizes, from baby right up to big boy.

We can make our button bigger by adding some `padding` to our `TouchableOpacity`. We've already seen `width`, `height`, and various `margin` properties on our styles, `padding` is in the same family as those. They all tell React Native's layout system how big components should be and how they should be positioned relative to other components. The layout system is called [flexbox](https://facebook.github.io/react-native/docs/flexbox), but don't worry about that for now, in this tutorial we will tell you exactly what styles to use and you can learn about flexbox later.

Expand Down Expand Up @@ -123,4 +123,4 @@ const styles = StyleSheet.create({

> 📜 Yikes, these code snippets are getting long. For the rest of the tutorial we'll show only relevant code here, and you can click through to Snack to see the full code.
- We have a button! We can now make that button do what we want it to do: open an "image picker" - a screen with a gallery of images on your device. [Continue to the next section](../../tutorial/image-picker/).
- We have a button! We can now make that button do what we want it to do: open an "image picker" - a screen with a gallery of images on your device. [Continue to the next section](../../tutorial/image-picker/).

0 comments on commit cfdfe14

Please sign in to comment.