From fdb8c0b043846e4ff202153680ea74dd7d4f115b Mon Sep 17 00:00:00 2001 From: Shams Zakhour Date: Thu, 11 Jul 2019 07:31:41 -0700 Subject: [PATCH 1/2] Fixing a broken link and a broken anchor. --- src/docs/cookbook/forms/focus.md | 9 ++++++--- src/docs/development/ui/layout/index.md | 14 ++++++++------ 2 files changed, 14 insertions(+), 9 deletions(-) diff --git a/src/docs/cookbook/forms/focus.md b/src/docs/cookbook/forms/focus.md index e30ef1db36..3b4e75223e 100644 --- a/src/docs/cookbook/forms/focus.md +++ b/src/docs/cookbook/forms/focus.md @@ -125,9 +125,8 @@ class _MyCustomFormState extends State { ### 3. Give focus to the `TextField` when a button is tapped Finally, focus the text field when the user taps a floating -action button. Use the -[`requestFocus()`]({{site.api}}/flutter/widgets/FocusScopeNode/requestFocus.html) -method to perform this task. +action button. Use the [`requestFocus()`][] method to perform +this task. ```dart @@ -218,3 +217,7 @@ class _MyCustomFormState extends State { ``` ![Text Field Focus Demo](/images/cookbook/focus.gif){:.site-mobile-screenshot} + + + +[`requestFocus()`]: {{site.api}}/flutter/widgets/FocusNode/requestFocus.html diff --git a/src/docs/development/ui/layout/index.md b/src/docs/development/ui/layout/index.md index bc89f8252d..279decf6a5 100644 --- a/src/docs/development/ui/layout/index.md +++ b/src/docs/development/ui/layout/index.md @@ -44,8 +44,8 @@ The second screenshot displays the visual layout, showing a row of Most of the screenshots in this tutorial are displayed with `debugPaintSizeEnabled` set to true so you can see the visual layout. For more information, see - [Visual debugging](/docs/testing/debugging#visual-debugging), a section in - [Debugging Flutter apps](/docs/testing/debugging). + [Debugging layout issues visually][], a section in + [Using the Flutter inspector][]. {{site.alert.end}} Here's a diagram of the widget tree for this UI: @@ -54,10 +54,10 @@ Here's a diagram of the widget tree for this UI: {:.text-center} Most of this should look as you might expect, but you might be wondering -about the containers (shown in pink). [Container][] is a widget class that allows -you to customize its child widget. Use a `Container` when you want to -add padding, margins, borders, or background color, to name some of its -capabilities. +about the containers (shown in pink). [Container][] is a widget class +that allows you to customize its child widget. Use a `Container` when +you want to,add padding, margins, borders, or background color, +to name some of its capabilities. In this example, each [Text][] widget is placed in a `Container` to add margins. The entire [Row][] is also placed in a `Container` to add padding around the @@ -1189,3 +1189,5 @@ The following resources might help when writing layout code. [tutorial]: /docs/development/ui/layout/tutorial [widgets library]: {{api}}/widgets/widgets-library.html [Widget catalog]: /docs/development/ui/widgets +[Debugging layout issues visually]: /docs/development/tools/devtools/inspector#debugging-layout-issues-visually +[Using the Flutter inspector]: /docs/development/tools/devtools/inspector From c6db8056c9ce5a3e3a4a295cf3ef75ec2aaf9189 Mon Sep 17 00:00:00 2001 From: Shams Zakhour Date: Thu, 11 Jul 2019 11:00:31 -0700 Subject: [PATCH 2/2] Fixing a typo. --- src/docs/development/ui/layout/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/docs/development/ui/layout/index.md b/src/docs/development/ui/layout/index.md index 279decf6a5..6c938294cc 100644 --- a/src/docs/development/ui/layout/index.md +++ b/src/docs/development/ui/layout/index.md @@ -56,7 +56,7 @@ Here's a diagram of the widget tree for this UI: Most of this should look as you might expect, but you might be wondering about the containers (shown in pink). [Container][] is a widget class that allows you to customize its child widget. Use a `Container` when -you want to,add padding, margins, borders, or background color, +you want to add padding, margins, borders, or background color, to name some of its capabilities. In this example, each [Text][] widget is placed in a `Container` to add margins.