Visitar URL original
Multiple example demos (#251) · stuartmorgan-g/packages@b150211 · GitHub
Skip to content

Commit b150211

Browse files
authored
Multiple example demos (flutter#251)
1 parent 1586bc9 commit b150211

22 files changed

Lines changed: 1749 additions & 280 deletions
Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
# Markdown Test Page
2+
3+
# Basic Syntax
4+
5+
## Headings
6+
---
7+
# Heading One
8+
9+
Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat commodo id sunt. Nostrud enim ad commodo incididunt cupidatat in ullamco ullamco Lorem cupidatat velit enim et Lorem.
10+
11+
## Heading Two
12+
13+
Aute officia nulla deserunt do deserunt cillum velit magna. Officia veniam culpa anim minim dolore labore pariatur voluptate id ad est duis quis velit dolor pariatur enim. Incididunt enim excepteur do veniam consequat culpa do voluptate dolor fugiat ad adipisicing sit.
14+
15+
### Heading Three
16+
17+
Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint.
18+
19+
#### Heading Four
20+
21+
Commodo fugiat aliqua minim quis pariatur mollit id tempor. Non occaecat minim esse enim aliqua adipisicing nostrud duis consequat eu adipisicing qui. Minim aliquip sit excepteur ipsum consequat laborum pariatur excepteur.
22+
23+
##### Heading Five
24+
25+
Veniam enim esse amet veniam deserunt laboris amet enim consequat. Minim nostrud deserunt cillum consectetur commodo eu enim nostrud ullamco occaecat excepteur. Aliquip et ut est commodo enim dolor amet sint excepteur.
26+
27+
###### Heading Six
28+
29+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
30+
31+
## Paragraphs
32+
---
33+
Incididunt ex adipisicing ea ullamco consectetur in voluptate proident fugiat tempor deserunt reprehenderit ullamco id dolore laborum. Do laboris laboris minim incididunt qui consectetur exercitation adipisicing dolore et magna consequat magna anim sunt. Officia fugiat Lorem sunt pariatur incididunt Lorem reprehenderit proident irure.
34+
35+
Officia dolore laborum aute incididunt commodo nisi velit est est elit et dolore elit exercitation. Enim aliquip magna id ipsum aliquip consectetur ad nulla quis. Incididunt pariatur dolor consectetur cillum enim velit cupidatat laborum quis ex.
36+
37+
Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in.
38+
39+
## Inline Emphasis - Bold and Italic
40+
---
41+
Sint ea do **exercitation** incididunt et minim ad labore sunt. Minim deserunt labore laboris velit nulla incididunt ipsum nulla. **Consequat commodo** reprehenderit duis esse esse ex**ercita**tion minim enim Lorem dolore duis irure. Et ad ipsum labore enim ipsum **cupidatat consequat**. Commodo non ea __cupidatat magna__ deserunt dolore ipsum velit nulla elit veniam nulla eiusmod proident officia.
42+
43+
*"Proident sit veniam in est proident officia adipisicing"* ea tempor cillum non cillum velit deserunt. Sit tempor ad*ipisic*ing ea laboris anim aute reprehenderit id eu ea. Aute Lorem minim _adipisicing nostrud mollit_ ad ut voluptate do nulla esse occaecat aliqua sint anim.
44+
45+
## Blockquotes
46+
---
47+
Ad nisi laborum aute cupidatat magna deserunt eu id laboris id. Aliquip nulla cupidatat sint ex Lorem mollit laborum dolor amet est ut esse aute. Nostrud ex consequat id incididunt proident ipsum minim duis aliqua ut ex et ad quis.
48+
49+
> Ipsum et cupidatat mollit exercitation enim duis sunt irure aliqua reprehenderit mollit. Pariatur Lorem pariatur laboris do culpa do elit irure.
50+
51+
Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit.
52+
53+
> Qui est sit et reprehenderit aute est esse enim aliqua id aliquip ea anim. Pariatur sint reprehenderit mollit velit voluptate enim consectetur sint enim. Quis exercitation proident elit non id qui culpa dolore esse aliquip consequat.
54+
55+
## Lists
56+
---
57+
### Ordered List
58+
59+
1. Longan
60+
2. Lychee
61+
3. Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
62+
Deserunt officia esse aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
63+
4. Marionberry
64+
4. Melon
65+
- Cantaloupe
66+
- Honeydew
67+
- Watermelon
68+
6. Miracle fruit
69+
7. Mulberry
70+
71+
### Unordered List
72+
73+
- Olive
74+
- Orange
75+
- Blood orange
76+
- Clementine
77+
- Papaya
78+
- Ut aute ipsum occaecat nisi culpa Lorem id occaecat cupidatat id id magna laboris ad duis. Fugiat cillum dolore veniam nostrud proident sint consectetur eiusmod irure adipisicing.
79+
- Passionfruit
80+
81+
## Inline Code
82+
---
83+
Duis duis est `code in text` velit velit aute culpa ex quis pariatur pariatur laborum aute pariatur duis tempor sunt ad. Irure magna voluptate dolore consectetur consectetur irure esse. Anim magna `md.ExtensionSet.GitHub` dolor.
84+
85+
## Horizontal Rule
86+
---
87+
In dolore velit aliquip labore mollit minim tempor veniam eu veniam ad in sint aliquip mollit mollit. Ex occaecat non deserunt elit laborum sunt tempor sint consequat culpa culpa qui sit.
88+
89+
***
90+
or
91+
92+
---
93+
or
94+
____________
95+
96+
In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi.
97+
98+
## Link
99+
---
100+
[Google]: https://www.google.com
101+
102+
Excepteur ad cupidatat do elit laborum amet cillum reprehenderit consequat quis.
103+
Deserunt officia esse [Flutter](https://www.flutter.dev) aliquip consectetur duis ut labore laborum commodo aliquip aliquip velit pariatur dolore.
104+
105+
[Flutter](https://www.flutter.dev)
106+
107+
Excepteur ad cupidatat do *[Flutter](https://www.flutter.dev)* elit laborum amet cillum reprehenderit **[Dart](https://www.dart.dev)** aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi.
108+
109+
In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi [Google's Home Page][Google].
110+
111+
112+
## Image
113+
---
114+
115+
Minim id consequat adipisicing cupidatat laborum culpa veniam non consectetur et duis pariatur reprehenderit eu ex consectetur. Sunt nisi qui eiusmod ut cillum laborum Lorem officia aliquip laboris ullamco nostrud laboris non irure laboris.
116+
117+
![Super wide](http://picsum.photos/id/15/1280/800)
118+
119+
In laboris eiusmod reprehenderit aliquip sit proident occaecat. Non sit labore anim elit veniam Lorem minim commodo eiusmod irure do minim nisi.
120+
121+
![Flutter logo](/dart-lang/site-shared/master/src/_assets/image/flutter/icon/64.png)
122+
123+
Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in.
124+
125+
![Not so big](http://picsum.photos/id/180/480/400)
126+
127+
# Extended Syntax
128+
129+
# Table
130+
---
131+
Duis sunt ut pariatur reprehenderit mollit mollit magna dolore in pariatur nulla commodo sit dolor ad fugiat.
132+
133+
| Table Heading 1 | Table Heading 2 | Table Heading 3 |
134+
| --------------- | --------------- | --------------- |
135+
| Item 1 | Item 2 | Item 3 |
136+
| Item 1 | Item 2 | Item 3 |
137+
| Item 1 | Item 2 | Item 3 |
138+
139+
Ex amet id ex aliquip id do laborum excepteur exercitation elit sint commodo occaecat nostrud est. Nostrud pariatur esse veniam laborum non sint magna sit laboris minim in id.
140+
141+
## Fenced Code Block
142+
---
143+
144+
Et fugiat ad nisi amet magna labore do cillum fugiat occaecat cillum Lorem proident. In sint dolor ullamco ad do adipisicing amet.
145+
146+
```
147+
import 'package:flutter/material.dart';
148+
import 'package:flutter_markdown/flutter_markdown.dart';
149+
import 'package:markdown/markdown.dart' as md;
150+
151+
const String _markdownData = """
152+
# Markdown Example
153+
Markdown allows you to easily include formatted text, images,
154+
and even formatted Dart code in your app.
155+
""";
156+
157+
void main() {
158+
runApp(
159+
MaterialApp(
160+
title: "Markdown Demo",
161+
home: Scaffold(
162+
appBar: AppBar(
163+
title: const Text('Markdown Demo'),
164+
),
165+
body: SafeArea(
166+
child: Markdown(
167+
data: _markdownData,
168+
),
169+
),
170+
),
171+
),
172+
);
173+
}
174+
```
175+
176+
## Strikethrough
177+
---
178+
179+
~~Voluptate cupidatat cillum elit quis ipsum eu voluptate fugiat consectetur enim. Quis ut voluptate culpa ex anim aute consectetur dolore proident voluptate exercitation eiusmod. Esse in do anim magna minim culpa sint.~~
180+
181+
Commodo ***~~fugiat aliqua minim quis pariatur mollit~~*** id tempor. Non occaecat **~~minim~~** anim aute ~~**consectetur esse**~~ enim aliqua *~~adipisicing~~* nostrud duis consequat eu ~~*adipisicing*~~ qui. Minim aliquip ~~***sit excepteur ipsum consequat***~~ laborum pariatur excepteur.
182+
183+
## Task List
184+
---
185+
Officia irure in non voluptate adipisicing sit amet tempor duis dolore deserunt enim ut. Reprehenderit incididunt in ad anim et deserunt deserunt Lorem laborum quis. Enim aute anim labore proident laboris voluptate elit excepteur in.
186+
187+
- [ ] laboris voluptate
188+
- [x] consectetur
189+
- [ ] eiusmod irure do
190+
191+
Labore ea magna Lorem consequat aliquip consectetur cillum duis dolore. Et veniam dolor qui incididunt minim amet laboris sit.
Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
# Markdown Example
2+
Markdown allows you to easily include formatted text, images, and even formatted Dart code in your app.
3+
4+
## Titles
5+
6+
Setext-style
7+
8+
```
9+
This is an H1
10+
=============
11+
12+
This is an H2
13+
-------------
14+
```
15+
16+
Atx-style
17+
18+
```
19+
# This is an H1
20+
21+
## This is an H2
22+
23+
###### This is an H6
24+
```
25+
26+
Select the valid headers:
27+
28+
- [x] `# hello`
29+
- [ ] `#hello`
30+
31+
## Links
32+
33+
[Google's Homepage][Google]
34+
35+
```
36+
[inline-style](https://www.google.com)
37+
38+
[reference-style][Google]
39+
```
40+
41+
## Images
42+
43+
![Flutter logo](/dart-lang/site-shared/master/src/_assets/image/flutter/icon/64.png)
44+
45+
## Tables
46+
47+
|Syntax |Result |
48+
|---------------------------------------|-------------------------------------|
49+
|`*italic 1*` |*italic 1* |
50+
|`_italic 2_` | _italic 2_ |
51+
|`**bold 1**` |**bold 1** |
52+
|`__bold 2__` |__bold 2__ |
53+
|`This is a ~~strikethrough~~` |This is a ~~strikethrough~~ |
54+
|`***italic bold 1***` |***italic bold 1*** |
55+
|`___italic bold 2___` |___italic bold 2___ |
56+
|`***~~italic bold strikethrough 1~~***`|***~~italic bold strikethrough 1~~***|
57+
|`~~***italic bold strikethrough 2***~~`|~~***italic bold strikethrough 2***~~|
58+
59+
## Styling
60+
Style text as _italic_, __bold__, ~~strikethrough~~, or `inline code`.
61+
62+
- Use bulleted lists
63+
- To better clarify
64+
- Your points
65+
66+
## Code blocks
67+
Formatted Dart code looks really pretty too:
68+
69+
```
70+
void main() {
71+
runApp(MaterialApp(
72+
home: Scaffold(
73+
body: Markdown(data: markdownData),
74+
),
75+
));
76+
}
77+
```
78+
79+
## Center Title
80+
81+
###### ※ ※ ※
82+
83+
_* How to implement it see main.dart#L129 in example._
84+
85+
## Custom Syntax
86+
87+
NaOH + Al_2O_3 = NaAlO_2 + H_2O
88+
89+
C_4H_10 = C_2H_6 + C_2H_4
90+
91+
## Markdown widget
92+
93+
This is an example of how to create your own Markdown widget:
94+
95+
Markdown(data: 'Hello _world_!');
96+
97+
Enjoy!
98+
99+
[Google]: https://www.google.com/
100+
101+
## Line Breaks
102+
103+
This is an example of how to create line breaks (tab or two whitespaces):
104+
105+
line 1
106+
107+
108+
line 2
109+
110+
111+
112+
line 3
84.9 KB
Binary file not shown.

0 commit comments

Comments
 (0)