\documentclass[10pt,a4paper]{article} % Packages \usepackage{fancyhdr} % For header and footer \usepackage{multicol} % Allows multicols in tables \usepackage{tabularx} % Intelligent column widths \usepackage{tabulary} % Used in header and footer \usepackage{hhline} % Border under tables \usepackage{graphicx} % For images \usepackage{xcolor} % For hex colours %\usepackage[utf8x]{inputenc} % For unicode character support \usepackage[T1]{fontenc} % Without this we get weird character replacements \usepackage{colortbl} % For coloured tables \usepackage{setspace} % For line height \usepackage{lastpage} % Needed for total page number \usepackage{seqsplit} % Splits long words. %\usepackage{opensans} % Can't make this work so far. Shame. Would be lovely. \usepackage[normalem]{ulem} % For underlining links % Most of the following are not required for the majority % of cheat sheets but are needed for some symbol support. \usepackage{amsmath} % Symbols \usepackage{MnSymbol} % Symbols \usepackage{wasysym} % Symbols %\usepackage[english,german,french,spanish,italian]{babel} % Languages % Document Info \author{Selector} \pdfinfo{ /Title (dart-cheat-sheet.pdf) /Creator (Cheatography) /Author (Selector) /Subject (Dart Cheat Sheet) } % Lengths and widths \addtolength{\textwidth}{6cm} \addtolength{\textheight}{-1cm} \addtolength{\hoffset}{-3cm} \addtolength{\voffset}{-2cm} \setlength{\tabcolsep}{0.2cm} % Space between columns \setlength{\headsep}{-12pt} % Reduce space between header and content \setlength{\headheight}{85pt} % If less, LaTeX automatically increases it \renewcommand{\footrulewidth}{0pt} % Remove footer line \renewcommand{\headrulewidth}{0pt} % Remove header line \renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit % This two commands together give roughly % the right line height in the tables \renewcommand{\arraystretch}{1.3} \onehalfspacing % Commands \newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour \newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols \newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns \newcommand{\tn}{\tabularnewline} % Required as custom column type in use % Font and Colours \definecolor{HeadBackground}{HTML}{333333} \definecolor{FootBackground}{HTML}{666666} \definecolor{TextColor}{HTML}{333333} \definecolor{DarkBackground}{HTML}{A3A3A3} \definecolor{LightBackground}{HTML}{F3F3F3} \renewcommand{\familydefault}{\sfdefault} \color{TextColor} % Header and Footer \pagestyle{fancy} \fancyhead{} % Set header to blank \fancyfoot{} % Set footer to blank \fancyhead[L]{ \noindent \begin{multicols}{3} \begin{tabulary}{5.8cm}{C} \SetRowColor{DarkBackground} \vspace{-7pt} {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}} } \end{tabulary} \columnbreak \begin{tabulary}{11cm}{L} \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Dart Cheat Sheet}}}} \\ \normalsize{by \textcolor{DarkBackground}{Selector} via \textcolor{DarkBackground}{\uline{cheatography.com/215629/cs/47000/}}} \end{tabulary} \end{multicols}} \fancyfoot[L]{ \footnotesize \noindent \begin{multicols}{3} \begin{tabulary}{5.8cm}{LL} \SetRowColor{FootBackground} \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}} \\ \vspace{-2pt}Selector \\ \uline{cheatography.com/selector} \\ \end{tabulary} \vfill \columnbreak \begin{tabulary}{5.8cm}{L} \SetRowColor{FootBackground} \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}} \\ \vspace{-2pt}Not Yet Published.\\ Updated 7th September, 2025.\\ Page {\thepage} of \pageref{LastPage}. \end{tabulary} \vfill \columnbreak \begin{tabulary}{5.8cm}{L} \SetRowColor{FootBackground} \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}} \\ \SetRowColor{white} \vspace{-5pt} %\includegraphics[width=48px,height=48px]{dave.jpeg} Measure your website readability!\\ www.readability-score.com \end{tabulary} \end{multicols}} \begin{document} \raggedright \raggedcolumns % Set font size to small. Switch to any value % from this page to resize cheat sheet text: % www.emerson.emory.edu/services/latex/latex_169.html \footnotesize % Small font. \begin{multicols*}{3} \begin{tabularx}{5.377cm}{x{2.73735 cm} x{2.23965 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Variables}} \tn % Row 0 \SetRowColor{LightBackground} Create & var name = '...' \tn % Row Count 1 (+ 1) % Row 1 \SetRowColor{white} Rewrite & name = '...' \tn % Row Count 2 (+ 1) % Row 2 \SetRowColor{LightBackground} + or - & num ++|-{}-|**|// 1 \tn % Row Count 4 (+ 2) % Row 3 \SetRowColor{white} Double -\textgreater{} Int & (num/3).toInt(); or num \textasciitilde{}/ 3 \tn % Row Count 6 (+ 2) % Row 4 \SetRowColor{LightBackground} if num-num=1 T or F & bool num-num == 1 \tn % Row Count 7 (+ 1) % Row 5 \SetRowColor{white} var.toString() & int? to string \tn % Row Count 8 (+ 1) % Row 6 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{{\bf{list:}}} \tn % Row Count 9 (+ 1) % Row 7 \SetRowColor{white} Var list = {[}'...', '...'{]}; & Create list \tn % Row Count 11 (+ 2) % Row 8 \SetRowColor{LightBackground} list.add("name"); & add name to list \tn % Row Count 13 (+ 2) % Row 9 \SetRowColor{white} list.remove("name"); & remove name from list \tn % Row Count 15 (+ 2) % Row 10 \SetRowColor{LightBackground} list.removeAt(4) & remove element with index 4 \tn % Row Count 17 (+ 2) % Row 11 \SetRowColor{white} name = list{[}50{]} & get element with index 50 \tn % Row Count 19 (+ 2) % Row 12 \SetRowColor{LightBackground} list{[}50{]} = "name" & rewrite index 50 with name \tn % Row Count 21 (+ 2) % Row 13 \SetRowColor{white} list.addAll({[}'...', '...', '...'{]}) & add all to list \tn % Row Count 23 (+ 2) % Row 14 \SetRowColor{LightBackground} list.contains('...') & is ... in list? \tn % Row Count 25 (+ 2) % Row 15 \SetRowColor{white} list.clear() & clear list \tn % Row Count 26 (+ 1) % Row 16 \SetRowColor{LightBackground} list.length & how long is list \tn % Row Count 27 (+ 1) % Row 17 \SetRowColor{white} list.indexOf('...') & index of element ... is \tn % Row Count 29 (+ 2) % Row 18 \SetRowColor{LightBackground} {\bf{Set:}} & must be unique \tn % Row Count 30 (+ 1) \end{tabularx} \par\addvspace{1.3em} \vfill \columnbreak \begin{tabularx}{5.377cm}{x{2.73735 cm} x{2.23965 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Variables (cont)}} \tn % Row 19 \SetRowColor{LightBackground} setlist = \{"key": "name"\} & map \tn % Row Count 2 (+ 2) % Row 20 \SetRowColor{white} & Set dont have 'add' only 'addAll' \tn % Row Count 4 (+ 2) % Row 21 \SetRowColor{LightBackground} setlist.keys & get all keys \tn % Row Count 5 (+ 1) % Row 22 \SetRowColor{white} setlist.values & get all values \tn % Row Count 6 (+ 1) % Row 23 \SetRowColor{LightBackground} -{}-{}-.toList() & itarable -\textgreater{} list \tn % Row Count 7 (+ 1) % Row 24 \SetRowColor{white} \seqsplit{setlist.containsKey('key')} & is key exist? \tn % Row Count 9 (+ 2) % Row 25 \SetRowColor{LightBackground} \seqsplit{setlist.containsValue('value')} & is value exist? \tn % Row Count 11 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{1.29402 cm} x{3.68298 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Var types}} \tn % Row 0 \SetRowColor{LightBackground} String & Text \tn % Row Count 1 (+ 1) % Row 1 \SetRowColor{white} Int & Number \tn % Row Count 2 (+ 1) % Row 2 \SetRowColor{LightBackground} Bool & True/False \tn % Row Count 3 (+ 1) % Row 3 \SetRowColor{white} Double & Number with . \tn % Row Count 4 (+ 1) % Row 4 \SetRowColor{LightBackground} Final ... & creating while compilation \tn % Row Count 5 (+ 1) % Row 5 \SetRowColor{white} Static ... & creating while writing code \tn % Row Count 6 (+ 1) % Row 6 \SetRowColor{LightBackground} dynamic & anything \tn % Row Count 7 (+ 1) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{2.68758 cm} x{2.28942 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Dart}} \tn % Row 0 \SetRowColor{LightBackground} dart create -t web-simple name & create dart web project \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} dart compile js path/to/dart -o path/to/js & compile dart to js \tn % Row Count 5 (+ 3) % Row 2 \SetRowColor{LightBackground} void main() \{code\} & void-return nothing; main function \tn % Row Count 7 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{HTML}} \tn % Row 0 \SetRowColor{LightBackground} import 'dart:html'; & import DOM \tn % Row Count 1 (+ 1) % Row 1 \SetRowColor{white} import 'dart:async'; & import timer \tn % Row Count 2 (+ 1) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{{\bf{Create variables using html}}} \tn % Row Count 3 (+ 1) % Row 3 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{ButtonElement btn = \seqsplit{querySelector('\#myButton')} as ButtonElement;} \tn % Row Count 5 (+ 2) % Row 4 \SetRowColor{LightBackground} & connect button with id myButton to the btn variable \tn % Row Count 8 (+ 3) % Row 5 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{ParagraphElement output = \seqsplit{querySelector('\#output')} as ParagraphElement;} \tn % Row Count 10 (+ 2) % Row 6 \SetRowColor{LightBackground} & connect button with id output to the output variable \tn % Row Count 13 (+ 3) % Row 7 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{DivElement divc = querySelector('\#divv') as DivElement;} \tn % Row Count 15 (+ 2) % Row 8 \SetRowColor{LightBackground} & connect container with id divv to the divc variable \tn % Row Count 18 (+ 3) % Row 9 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{FormElement form = \seqsplit{querySelector('\#myForm')} as FormElement;} \tn % Row Count 20 (+ 2) % Row 10 \SetRowColor{LightBackground} & connect form with id myForm to the form variable \tn % Row Count 23 (+ 3) % Row 11 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{{\bf{working with html variables}}} \tn % Row Count 24 (+ 1) % Row 12 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{\seqsplit{btn.onClick.listen((MouseEvent} e) \{ code \});} \tn % Row Count 25 (+ 1) % Row 13 \SetRowColor{white} & listen the button \tn % Row Count 26 (+ 1) % Row 14 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{output.text = 'Pressed!';} \tn % Row Count 27 (+ 1) % Row 15 \SetRowColor{white} & Add text to output variable \tn % Row Count 29 (+ 2) % Row 16 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{output.style.color = 'blue';} \tn % Row Count 30 (+ 1) \end{tabularx} \par\addvspace{1.3em} \vfill \columnbreak \begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{HTML (cont)}} \tn % Row 17 \SetRowColor{LightBackground} & add style to output element \tn % Row Count 2 (+ 2) % Row 18 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{output.id = 'asd';} \tn % Row Count 3 (+ 1) % Row 19 \SetRowColor{LightBackground} & add id to the object \tn % Row Count 4 (+ 1) % Row 20 \SetRowColor{white} \seqsplit{container.style.display} = 'block'; & container-name | none or block \tn % Row Count 6 (+ 2) % Row 21 \SetRowColor{LightBackground} & show/hide element \tn % Row Count 7 (+ 1) % Row 22 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{} \tn % Row Count 7 (+ 0) % Row 23 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{ParagraphElement newElem = ParagraphElement()} \tn % Row Count 8 (+ 1) % Row 24 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{TAB ..id = 'newParagraph'} \tn % Row Count 9 (+ 1) % Row 25 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{TAB ..text = 'new text';} \tn % Row Count 10 (+ 1) % Row 26 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{\seqsplit{container.append(newElem);}} \tn % Row Count 11 (+ 1) % Row 27 \SetRowColor{LightBackground} container - name of container | newElem - name of variable & Create paragraph with teg and text \tn % Row Count 14 (+ 3) % Row 28 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{} \tn % Row Count 14 (+ 0) % Row 29 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{\seqsplit{Future.delayed(Duration(seconds:} 2), () \{ code \});} \tn % Row Count 15 (+ 1) % Row 30 \SetRowColor{white} & 2sec timer \tn % Row Count 16 (+ 1) % Row 31 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{} \tn % Row Count 16 (+ 0) % Row 32 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{\seqsplit{window.onKeyDown.listen((KeyboardEvent} event) \{ code \});} \tn % Row Count 18 (+ 2) % Row 33 \SetRowColor{LightBackground} output.text = 'Key: \$\{event.code\}'; & hearing key pressing and print the key \tn % Row Count 20 (+ 2) % Row 34 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{} \tn % Row Count 20 (+ 0) % Row 35 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{\seqsplit{form.onSubmit.listen((Event} e) \{} \tn % Row Count 21 (+ 1) % Row 36 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{TAB e.preventDefault();} \tn % Row Count 22 (+ 1) % Row 37 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{TAB InputElement nameInput = querySelector('\#name') as InputElement;} \tn % Row Count 24 (+ 2) % Row 38 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{TAB InputElement emailInput = querySelector('\#email') as InputElement;} \tn % Row Count 26 (+ 2) % Row 39 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{TAB String name = nameInput.value ?? '';} \tn % Row Count 27 (+ 1) % Row 40 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{TAB String email = emailInput.value ?? '';} \tn % Row Count 28 (+ 1) % Row 41 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{\});} \tn % Row Count 29 (+ 1) % Row 42 \SetRowColor{white} & form \tn % Row Count 30 (+ 1) \hhline{>{\arrayrulecolor{DarkBackground}}--} \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{value after ?? uses if value left is null} \tn \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{3.43413 cm} x{1.54287 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Comands}} \tn % Row 0 \SetRowColor{LightBackground} DateTime.now() & Time now \tn % Row Count 1 (+ 1) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{1.89126 cm} x{3.08574 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{if/else, switch, while}} \tn % Row 0 \SetRowColor{LightBackground} if (1 \textless{} 2) \{code\} & if 1\textless{} 2 then make code \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} & 'if' cloud have anything that return bool \tn % Row Count 4 (+ 2) % Row 2 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{else if (2 \textgreater{} 1) \{code\}} \tn % Row Count 5 (+ 1) % Row 3 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{else \{code\}} \tn % Row Count 6 (+ 1) % Row 4 \SetRowColor{LightBackground} if ( 1\textgreater{}2 \&\& 2 \textgreater{} 1) \{code\} & execute if 2 statements are true \tn % Row Count 8 (+ 2) % Row 5 \SetRowColor{white} || & or \tn % Row Count 9 (+ 1) % Row 6 \SetRowColor{LightBackground} return; & stop the function \tn % Row Count 10 (+ 1) % Row 7 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{{\bf{switch}}} \tn % Row Count 11 (+ 1) % Row 8 \SetRowColor{LightBackground} switch (name) \{ & get variable name \tn % Row Count 12 (+ 1) % Row 9 \SetRowColor{white} case "name1": & if variable is name1 do: \tn % Row Count 13 (+ 1) % Row 10 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{...} \tn % Row Count 14 (+ 1) % Row 11 \SetRowColor{white} break; & stop switch execution \tn % Row Count 15 (+ 1) % Row 12 \SetRowColor{LightBackground} default: & if not exist do: \tn % Row Count 16 (+ 1) % Row 13 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{... \}} \tn % Row Count 17 (+ 1) % Row 14 \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{{\bf{while}}} \tn % Row Count 18 (+ 1) % Row 15 \SetRowColor{white} while (1 \textless{} 2) \{code\} & execute code while ... \tn % Row Count 20 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} \begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} } \SetRowColor{DarkBackground} \mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Cicles/Func}} \tn % Row 0 \SetRowColor{LightBackground} for (var i = 0; i \textless{}= 5; i++) \{code\} & repeat 5 times \tn % Row Count 2 (+ 2) % Row 1 \SetRowColor{white} for (final name1 in list) \{code\} & name1 every time will be next name in list \tn % Row Count 5 (+ 3) % Row 2 \SetRowColor{LightBackground} for (var i = 0; i \textless{} list.length; i++) \{ list{[}i{]} = "text" \} & every cicle elements inside list will change \tn % Row Count 8 (+ 3) % Row 3 \SetRowColor{white} \mymulticolumn{2}{x{5.377cm}}{{\bf{Functions}}} \tn % Row Count 9 (+ 1) % Row 4 \SetRowColor{LightBackground} void name & return nothing \tn % Row Count 10 (+ 1) % Row 5 \SetRowColor{white} int/string/bool name & return int/string \tn % Row Count 11 (+ 1) % Row 6 \SetRowColor{LightBackground} int/string/bool name & must have return ...; \tn % Row Count 13 (+ 2) % Row 7 \SetRowColor{white} - & - \tn % Row Count 14 (+ 1) % Row 8 \SetRowColor{LightBackground} void name() \{code\} & create function \tn % Row Count 15 (+ 1) % Row 9 \SetRowColor{white} name() & call function \tn % Row Count 16 (+ 1) % Row 10 \SetRowColor{LightBackground} void name(int num) \textbackslash{} name(1) & get numbers \tn % Row Count 18 (+ 2) \hhline{>{\arrayrulecolor{DarkBackground}}--} \SetRowColor{LightBackground} \mymulticolumn{2}{x{5.377cm}}{{\bf{Only main func starts automaticaly}}} \tn \hhline{>{\arrayrulecolor{DarkBackground}}--} \end{tabularx} \par\addvspace{1.3em} % That's all folks \end{multicols*} \end{document}