Skip to content

Commit d1b1f9d

Browse files
chalinsfshaza2
chalin
authored and
sfshaza2
committed
Flutter for Android/iOS/Xamarin page tweaks (#1116)
* Flutter for Android/iOS/Xamarin page tweaks - Mainly page markdown cleanup - One small adjustment in web-analogs. * Convert files from DOS to unix * Fix tool/extract.dart
1 parent 338b7e8 commit d1b1f9d

File tree

6 files changed

+2510
-2530
lines changed

6 files changed

+2510
-2530
lines changed

‎_includes/sidebar.html‎

Lines changed: 77 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,77 @@
1-
<ul id="mysidebar" class="nav">
2-
3-
<li class="sidebar-title">Get started</li>
4-
5-
<ul class="sidebar-items">
6-
<li><a href="/get-started/install/">1: Install</a></li>
7-
<li><a href="/get-started/editor/">2: Configure editor</a></li>
8-
<li><a href="/get-started/test-drive/">3: Test drive</a></li>
9-
<li><a href="/get-started/codelab/">4: Write your first app</a></li>
10-
<li><a href="/get-started/learn-more/">5: Learn more</a></li>
11-
</ul>
12-
13-
<li class="sidebar-title">Build UIs</li>
14-
15-
<ul class="sidebar-items">
16-
<li><a href="/widgets-intro/">Tour the framework</a></li>
17-
<li><a href="/widgets/">Widget catalog</a></li>
18-
<li><a href="/cookbook/">Cookbook</a></li>
19-
<li><a href="/catalog/samples/">Sample catalog</a></li>
20-
<li><a href="/codelabs">Codelabs</a></li>
21-
<li><a href="/tutorials/layout/">Build layouts - Tutorial</a></li>
22-
<li><a href="/tutorials/interactive/">Add interactivity - Tutorial</a></li>
23-
<li><a href="/web-analogs/">Flutter for Web devs</a></li>
24-
<li><a href="/flutter-for-android/">Flutter for Android devs</a></li>
25-
<li><a href="/flutter-for-ios/">Flutter for iOS devs</a></li>
26-
<li><a href="/flutter-for-react-native/">Flutter for React Native devs</a></li>
27-
<li><a href="/flutter-for-xamarin-forms/">Flutter for Xamarin.Forms devs</a></li>
28-
<li><a href="/gestures/">Gestures</a></li>
29-
<li><a href="/animations/">Animations</a></li>
30-
<li><a href="/layout/">Box constraints</a></li>
31-
<li><a href="/assets-and-images/">Assets and images</a></li>
32-
<li><a href="/tutorials/internationalization">Internationalization</a></li>
33-
<li><a href="/accessibility">Accessibility</a></li>
34-
</ul>
35-
36-
<li class="sidebar-title">Use device and SDK APIs</li>
37-
38-
<ul class="sidebar-items">
39-
<li><a href="/using-packages/">Using packages</a></li>
40-
<li><a href="/developing-packages/">Developing packages</a></li>
41-
<li><a href="/platform-channels/">Platform-specific code</a></li>
42-
<li><a href="/json/">JSON and serialization</a></li>
43-
{% comment %}
44-
<!-- Temporarily removed because the codelab is broken and possibly
45-
about to be replaced by a completely new one. -->
46-
<li><a href="https://codelabs.developers.google.com/codelabs/flutter-firebase/index.html#0">Firebase for Flutter - Codelab</a></li>
47-
{% endcomment %}
48-
</ul>
49-
50-
<li class="sidebar-title">Development and tools</li>
51-
52-
<ul class="sidebar-items">
53-
<li><a href="/using-ide/">Using Flutter IDEs</a></li>
54-
<li><a href="/hot-reload/">Using hot reload</a></li>
55-
<li><a href="/testing/">Test your app</a></li>
56-
<li><a href="/debugging/">Debug your app</a></li>
57-
<li><a href="/ui-performance/">Performance Profiling</a></li>
58-
<li><a href="/inspector/">Inspect your UI</a></li>
59-
<li><a href="/android-release/">Build and release for Android</a></li>
60-
<li><a href="/ios-release/">Build and release for iOS</a></li>
61-
<li><a href="/fastlane-cd/">Continuous deployment with Fastlane</a></li>
62-
<li><a href="/upgrading/">Upgrade your Flutter install</a></li>
63-
<li><a href="/formatting/">Format your source code</a></li>
64-
</ul>
65-
66-
<li class="sidebar-title">More details</li>
67-
68-
<ul class="sidebar-items">
69-
<li><a href="/faq/">FAQ</a></li>
70-
<li><a href="/technical-overview">Technical overview</a></li>
71-
<li><a href="https://docs.google.com/presentation/d/1B3p0kP6NV_XMOimRV09Ms75ymIjU5gr6GGIX74Om_DE/edit?usp=sharing">Magic of Flutter slides</a></li>
72-
<li><a href="https://docs.google.com/presentation/d/1cw7A4HbvM_Abv320rVgPVGiUP2msVs7tfGbkgdrTy0I/edit?usp=sharing">Architecture diagrams</a></li>
73-
<li><a href="https://www.youtube.com/watch?v=dkyY9WCGMi0">Framework's layered design <i class="fa fa-video-camera" aria-hidden="true"></i></a></li>
74-
<li><a href="https://www.youtube.com/watch?v=UUfXWzp0-DU">Flutter's rendering pipeline <i class="fa fa-video-camera" aria-hidden="true"></i></a></li>
75-
</ul>
76-
77-
</ul>
1+
<ul id="mysidebar" class="nav">
2+
3+
<li class="sidebar-title">Get started</li>
4+
5+
<ul class="sidebar-items">
6+
<li><a href="/get-started/install/">1: Install</a></li>
7+
<li><a href="/get-started/editor/">2: Configure editor</a></li>
8+
<li><a href="/get-started/test-drive/">3: Test drive</a></li>
9+
<li><a href="/get-started/codelab/">4: Write your first app</a></li>
10+
<li><a href="/get-started/learn-more/">5: Learn more</a></li>
11+
</ul>
12+
13+
<li class="sidebar-title">Build UIs</li>
14+
15+
<ul class="sidebar-items">
16+
<li><a href="/widgets-intro/">Tour the framework</a></li>
17+
<li><a href="/widgets/">Widget catalog</a></li>
18+
<li><a href="/cookbook/">Cookbook</a></li>
19+
<li><a href="/catalog/samples/">Sample catalog</a></li>
20+
<li><a href="/codelabs">Codelabs</a></li>
21+
<li><a href="/tutorials/layout/">Build layouts - Tutorial</a></li>
22+
<li><a href="/tutorials/interactive/">Add interactivity - Tutorial</a></li>
23+
<li><a href="/web-analogs/">Flutter for Web devs</a></li>
24+
<li><a href="/flutter-for-android/">Flutter for Android devs</a></li>
25+
<li><a href="/flutter-for-ios/">Flutter for iOS devs</a></li>
26+
<li><a href="/flutter-for-react-native/">Flutter for React Native devs</a></li>
27+
<li><a href="/flutter-for-xamarin-forms/">Flutter for Xamarin.Forms devs</a></li>
28+
<li><a href="/gestures/">Gestures</a></li>
29+
<li><a href="/animations/">Animations</a></li>
30+
<li><a href="/layout/">Box constraints</a></li>
31+
<li><a href="/assets-and-images/">Assets and images</a></li>
32+
<li><a href="/tutorials/internationalization">Internationalization</a></li>
33+
<li><a href="/accessibility">Accessibility</a></li>
34+
</ul>
35+
36+
<li class="sidebar-title">Use device and SDK APIs</li>
37+
38+
<ul class="sidebar-items">
39+
<li><a href="/using-packages/">Using packages</a></li>
40+
<li><a href="/developing-packages/">Developing packages</a></li>
41+
<li><a href="/platform-channels/">Platform-specific code</a></li>
42+
<li><a href="/json/">JSON and serialization</a></li>
43+
{% comment %}
44+
<!-- Temporarily removed because the codelab is broken and possibly
45+
about to be replaced by a completely new one. -->
46+
<li><a href="https://codelabs.developers.google.com/codelabs/flutter-firebase/index.html#0">Firebase for Flutter - Codelab</a></li>
47+
{% endcomment %}
48+
</ul>
49+
50+
<li class="sidebar-title">Development and tools</li>
51+
52+
<ul class="sidebar-items">
53+
<li><a href="/using-ide/">Using Flutter IDEs</a></li>
54+
<li><a href="/hot-reload/">Using hot reload</a></li>
55+
<li><a href="/testing/">Test your app</a></li>
56+
<li><a href="/debugging/">Debug your app</a></li>
57+
<li><a href="/ui-performance/">Performance Profiling</a></li>
58+
<li><a href="/inspector/">Inspect your UI</a></li>
59+
<li><a href="/android-release/">Build and release for Android</a></li>
60+
<li><a href="/ios-release/">Build and release for iOS</a></li>
61+
<li><a href="/fastlane-cd/">Continuous deployment with Fastlane</a></li>
62+
<li><a href="/upgrading/">Upgrade your Flutter install</a></li>
63+
<li><a href="/formatting/">Format your source code</a></li>
64+
</ul>
65+
66+
<li class="sidebar-title">More details</li>
67+
68+
<ul class="sidebar-items">
69+
<li><a href="/faq/">FAQ</a></li>
70+
<li><a href="/technical-overview">Technical overview</a></li>
71+
<li><a href="https://docs.google.com/presentation/d/1B3p0kP6NV_XMOimRV09Ms75ymIjU5gr6GGIX74Om_DE/edit?usp=sharing">Magic of Flutter slides</a></li>
72+
<li><a href="https://docs.google.com/presentation/d/1cw7A4HbvM_Abv320rVgPVGiUP2msVs7tfGbkgdrTy0I/edit?usp=sharing">Architecture diagrams</a></li>
73+
<li><a href="https://www.youtube.com/watch?v=dkyY9WCGMi0">Framework's layered design <i class="fa fa-video-camera" aria-hidden="true"></i></a></li>
74+
<li><a href="https://www.youtube.com/watch?v=UUfXWzp0-DU">Flutter's rendering pipeline <i class="fa fa-video-camera" aria-hidden="true"></i></a></li>
75+
</ul>
76+
77+
</ul>

‎flutter-for-android.md‎

Lines changed: 38 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1494,50 +1494,43 @@ the method 'setOnClickListener'.
14941494

14951495
In Flutter there are two ways of adding touch listeners:
14961496

1497-
<ol markdown="1">
1498-
<li markdown="1">
1499-
If the Widget supports event detection, pass a function to it and handle it
1500-
in the function. For example, the RaisedButton has an `onPressed` parameter:
1501-
1502-
<!-- skip -->
1503-
{% prettify dart %}
1504-
@override
1505-
Widget build(BuildContext context) {
1506-
return RaisedButton(
1507-
onPressed: () {
1508-
print("click");
1509-
},
1510-
child: Text("Button"));
1511-
}
1512-
{% endprettify %}
1513-
1514-
</li>
1515-
1516-
<li markdown="1">
1517-
If the Widget doesn't support event detection, wrap the
1518-
widget in a GestureDetector and pass a function to the `onTap` parameter.
1519-
1520-
<!-- skip -->
1521-
{% prettify dart %}
1522-
class SampleApp extends StatelessWidget {
1523-
@override
1524-
Widget build(BuildContext context) {
1525-
return Scaffold(
1526-
body: Center(
1527-
child: GestureDetector(
1528-
child: FlutterLogo(
1529-
size: 200.0,
1530-
),
1531-
onTap: () {
1532-
print("tap");
1533-
},
1534-
),
1535-
));
1536-
}
1537-
}
1538-
{% endprettify %}
1539-
</li>
1540-
</ol>
1497+
1. If the Widget supports event detection, pass a function to it and handle it
1498+
in the function. For example, the RaisedButton has an `onPressed` parameter:
1499+
1500+
<!-- skip -->
1501+
```dart
1502+
@override
1503+
Widget build(BuildContext context) {
1504+
return RaisedButton(
1505+
onPressed: () {
1506+
print("click");
1507+
},
1508+
child: Text("Button"));
1509+
}
1510+
```
1511+
1512+
2. If the Widget doesn't support event detection, wrap the
1513+
widget in a GestureDetector and pass a function to the `onTap` parameter.
1514+
1515+
<!-- skip -->
1516+
```dart
1517+
class SampleApp extends StatelessWidget {
1518+
@override
1519+
Widget build(BuildContext context) {
1520+
return Scaffold(
1521+
body: Center(
1522+
child: GestureDetector(
1523+
child: FlutterLogo(
1524+
size: 200.0,
1525+
),
1526+
onTap: () {
1527+
print("tap");
1528+
},
1529+
),
1530+
));
1531+
}
1532+
}
1533+
```
15411534
15421535
## How do I handle other gestures on widgets?
15431536
@@ -1935,7 +1928,7 @@ fonts:
19351928
fonts:
19361929
- asset: fonts/MyCustomFont.ttf
19371930
- style: italic
1938-
{% endprettify %}
1931+
{% endprettify %}
19391932
19401933
Then assign the font to your `Text` widget:
19411934

‎flutter-for-ios.md‎

Lines changed: 40 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1550,52 +1550,46 @@ see the [layout tutorial](/widgets/layout/).
15501550
In iOS, you attach a `GestureRecognizer` to a view to handle
15511551
click events. In Flutter, there are two ways of adding touch listeners:
15521552

1553-
<ol markdown="1">
1554-
<li markdown="1">
1555-
If the widget supports event detection, pass a function to it,
1556-
and handle the event in the function. For example, the
1557-
`RaisedButton` widget has an `onPressed` parameter:
1558-
1559-
<!-- skip -->
1560-
{% prettify dart %}
1561-
@override
1562-
Widget build(BuildContext context) {
1563-
return RaisedButton(
1564-
onPressed: () {
1565-
print("click");
1566-
},
1567-
child: Text("Button"),
1568-
);
1569-
}
1570-
{% endprettify %}
1571-
</li>
1572-
1573-
<li markdown="1">
1574-
If the Widget doesn't support event detection, wrap the
1575-
widget in a GestureDetector and pass a function to the `onTap` parameter.
1576-
1577-
<!-- skip -->
1578-
{% prettify dart %}
1579-
class SampleApp extends StatelessWidget {
1580-
@override
1581-
Widget build(BuildContext context) {
1582-
return Scaffold(
1583-
body: Center(
1584-
child: GestureDetector(
1585-
child: FlutterLogo(
1586-
size: 200.0,
1587-
),
1588-
onTap: () {
1589-
print("tap");
1590-
},
1591-
),
1592-
),
1593-
);
1594-
}
1595-
}
1596-
{% endprettify %}
1597-
</li>
1598-
</ol>
1553+
1. If the widget supports event detection, pass a function to it,
1554+
and handle the event in the function. For example, the
1555+
`RaisedButton` widget has an `onPressed` parameter:
1556+
1557+
<!-- skip -->
1558+
```dart
1559+
@override
1560+
Widget build(BuildContext context) {
1561+
return RaisedButton(
1562+
onPressed: () {
1563+
print("click");
1564+
},
1565+
child: Text("Button"),
1566+
);
1567+
}
1568+
```
1569+
1570+
2. If the Widget doesn't support event detection, wrap the
1571+
widget in a GestureDetector and pass a function to the `onTap` parameter.
1572+
1573+
<!-- skip -->
1574+
```dart
1575+
class SampleApp extends StatelessWidget {
1576+
@override
1577+
Widget build(BuildContext context) {
1578+
return Scaffold(
1579+
body: Center(
1580+
child: GestureDetector(
1581+
child: FlutterLogo(
1582+
size: 200.0,
1583+
),
1584+
onTap: () {
1585+
print("tap");
1586+
},
1587+
),
1588+
),
1589+
);
1590+
}
1591+
}
1592+
```
15991593
16001594
## How do I handle other gestures on widgets?
16011595

0 commit comments

Comments
 (0)