From 005940ac8729d6df9fc4a1a44a987b805bdc8081 Mon Sep 17 00:00:00 2001 From: joshnatis <31445542+joshnatis@users.noreply.github.com> Date: Mon, 20 Jan 2020 17:31:42 -0500 Subject: [PATCH 1/2] Fix typo in button.md I've changed 'hold your breathe' to 'hold your breath'. --- docs/pages/versions/v36.0.0/tutorial/button.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/pages/versions/v36.0.0/tutorial/button.md b/docs/pages/versions/v36.0.0/tutorial/button.md index c9aecd39b64e2..42c329cb8f171 100644 --- a/docs/pages/versions/v36.0.0/tutorial/button.md +++ b/docs/pages/versions/v36.0.0/tutorial/button.md @@ -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 — 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 — 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. @@ -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/). \ No newline at end of file +- 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/). From 5a6848437a907d12f1d2ede976709a8a77618402 Mon Sep 17 00:00:00 2001 From: Charlie Cruzan <35579283+cruzach@users.noreply.github.com> Date: Tue, 21 Jan 2020 17:52:18 -0500 Subject: [PATCH 2/2] v36 docs --- docs/pages/versions/unversioned/tutorial/button.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/pages/versions/unversioned/tutorial/button.md b/docs/pages/versions/unversioned/tutorial/button.md index c9aecd39b64e2..42c329cb8f171 100644 --- a/docs/pages/versions/unversioned/tutorial/button.md +++ b/docs/pages/versions/unversioned/tutorial/button.md @@ -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 — 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 — 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. @@ -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/). \ No newline at end of file +- 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/).