{"id":2153,"date":"2021-07-16T07:55:43","date_gmt":"2021-07-16T07:55:43","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=2153"},"modified":"2021-07-16T07:55:44","modified_gmt":"2021-07-16T07:55:44","slug":"urok-4-forma-vvoda-proverka-pravilnogo-vvoda","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/uk\/urok-4-forma-vvoda-proverka-pravilnogo-vvoda\/","title":{"rendered":"\u0423\u0440\u043e\u043a 4. \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0432\u043e\u0434\u0430"},"content":{"rendered":"\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part1\" target=\"_blank\" rel=\"noopener\">class Form()<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part2\" target=\"_blank\" rel=\"noopener\">class TextFormField() \u2013 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part3\" target=\"_blank\" rel=\"noopener\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u043b\u044f E-mail<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part4\" target=\"_blank\" rel=\"noopener\">class RadioListTile() \u2013 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c (\u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0430)<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part5\" target=\"_blank\" rel=\"noopener\">class CheckboxListTile() \u2013 \u0444\u043b\u0430\u0436\u043e\u043a (\u0447\u0435\u043a\u0431\u043e\u043a\u0441)<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part6\" target=\"_blank\" rel=\"noopener\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 class RadioListTile() \u0438 class CheckboxListTile()<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part7\" target=\"_blank\" rel=\"noopener\">\u041f\u043e\u043b\u043d\u044b\u0439 \u043b\u0438\u0441\u0442\u0438\u043d\u0433 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439<\/a><\/li><li><a href=\"https:\/\/flutter.su\/tutorial\/4-forma-vvoda-proverka#part8\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0434\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438: \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043b\u043e\u0449\u0430\u0434\u0438<\/a><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-\u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c-\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a wp-block-embed-\u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c-\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Flutter \u0423\u0440\u043e\u043a 4. \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0432\u043e\u0434\u0430\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/GZ-CDwbDPDQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u0412\u0432\u043e\u0434 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0441\u0442\u0430\u043b \u0432\u0430\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u0441 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432. \u0421\u043f\u043e\u0441\u043e\u0431\u044b \u0432\u043d\u0435\u0441\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u0443\u044e\u0442\u0441\u044f, \u043d\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0444\u043e\u0440\u043c\u044b \u0432\u0432\u043e\u0434\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u043b\u044f, \u0441\u043f\u0438\u0441\u043a\u0438, \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 (\u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0438) \u0438 \u0444\u043b\u0430\u0436\u043a\u0438 (\u0447\u0435\u043a\u0431\u043e\u043a\u0441\u044b).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0435\u0440\u0435\u0434 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0432\u043d\u0435\u0441\u0435\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u0430\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0438\u0445 \u043f\u043e\u0441\u043b\u0435 \u0432\u0432\u043e\u0434\u0430:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u0432\u043d\u0435\u0441\u0435\u043d\u044b \u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043b\u044f;<\/li><li>\u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e \u043f\u043e\u043b\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043f\u043e\u043b\u0435 \u0432\u043e\u0437\u0440\u0430\u0441\u0442 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0446\u0435\u043b\u043e\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e);<\/li><li>\u0432\u044b\u0431\u0440\u0430\u043d\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0433\u0440\u0443\u043f\u043f\u0435 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435\u0439;<\/li><li>\u0438 \u0442.\u0434.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part1\">1. class Form()<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0413\u043b\u0430\u0432\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c \u0434\u043b\u044f \u0444\u043e\u0440\u043c\u044b \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0432\u0438\u0434\u0436\u0435\u0442-\u043a\u043b\u0430\u0441\u0441&nbsp;<strong>Form<\/strong>, \u043e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0432 \u0441\u0435\u0431\u0435 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430. \u041e\u0431\u0440\u0430\u0449\u0430\u044f\u0441\u044c \u043a \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044e \u0444\u043e\u0440\u043c\u044b&nbsp;<strong>FormState<\/strong>, \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0435\u0439, \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0432\u0438\u0434\u0436\u0435\u0442-\u043a\u043b\u0430\u0441\u0441&nbsp;<strong>MyForm<\/strong>&nbsp;\u043e\u0442 \u0441\u0443\u043f\u0435\u0440-\u043a\u043b\u0430\u0441\u0441\u0430&nbsp;<strong><a href=\"https:\/\/flutter.su\/tutorial\/2-StatelessWidget-StatefulWidget#part2\" target=\"_blank\" rel=\"noopener\">StatefulWidget<\/a><\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442&nbsp;<strong>Form<\/strong>. \u0422\u0430\u043a\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0444\u043e\u0440\u043c\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e&nbsp;<strong><a href=\"https:\/\/flutter.su\/tutorial\/2-StatelessWidget-StatefulWidget#part2\" target=\"_blank\" rel=\"noopener\">setState((){})<\/a><\/strong>, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043d\u0430 \u0447\u0435\u043a\u0431\u043e\u043a\u0441 \u0438\u043b\u0438 \u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0443 \u0441\u043c\u0435\u043d\u0438\u0442 \u0438\u0445 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u043d\u043e \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0438\u0445 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u043d\u044b \u0437\u0430\u043d\u043e\u0432\u043e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyForm extends StatefulWidget {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@override<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">State&lt;StatefulWidget&gt; createState() =&gt; MyFormState();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Widget build(BuildContext context) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return new Form(key: _formKey, child: new Column());<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">void main() =&gt; runApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new MaterialApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">debugShowCheckedModeBanner: false,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">home: new Scaffold(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">appBar: new AppBar(title: new Text(<em>&#8216;Flutter.su &#8211; \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body: new MyForm()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041c\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440&nbsp;<strong>key<\/strong>&nbsp;\u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&nbsp;<strong>_formKey<\/strong>&nbsp;\u2013 \u0434\u0430\u043d\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043d\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0438\u0437 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0443 \u0444\u043e\u0440\u043c\u044b \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445, \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u043b\u0438 \u0441\u0431\u0440\u043e\u0441\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part2\">2. class TextFormField() \u2013 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u0444\u043e\u0440\u043c\u0443 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0435\u0434 \u043d\u0438\u043c \u0438 \u043a\u043d\u043e\u043f\u043a\u0443 \u0434\u043b\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyForm extends StatefulWidget {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@override<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">State&lt;StatefulWidget&gt; createState() =&gt; MyFormState();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Widget build(BuildContext context) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return Container(padding: EdgeInsets.all(10.0), child: new Form(key: _formKey, child: new Column(children: &lt;Widget&gt;[<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate()) Scaffold.of(context).showSnackBar(SnackBar(content: Text(<em>&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;<\/em>), backgroundColor: Colors.green,));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}, child: Text(<em>&#8216;\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c&#8217;<\/em>), color: Colors.blue, textColor: Colors.white,),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">],)));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">void main() =&gt; runApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new MaterialApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">debugShowCheckedModeBanner: false,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">home: new Scaffold(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">appBar: new AppBar(title: new Text(<em>&#8216;Flutter.su &#8211; \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body: new MyForm()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">);<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>return Container(padding: EdgeInsets.all(10.0), child: new Form(\u2026<\/strong>&nbsp;\u2013 \u0432\u0438\u0434\u0436\u0435\u0442 \u0444\u043e\u0440\u043c\u044b \u043c\u044b \u043e\u0431\u0435\u0440\u043d\u0443\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c \u0441 \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u043c\u0438.<\/li><li><strong>new Text(&#8216;\u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:&#8217;, style: TextStyle(fontSize: 20.0),)<\/strong>&nbsp;\u2013 \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0435\u0434 \u043f\u043e\u043b\u0435\u043c \u0432\u0432\u043e\u0434\u0430<\/li><li><strong>new TextFormField(<\/strong>&nbsp;\u2013 \u0432\u0438\u0434\u0436\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430<\/li><li><strong>validator: (value){}()<\/strong>&nbsp;\u2013 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0438\u0434\u0436\u0435\u0442 Form, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043e\u0431\u0440\u0430\u0442\u0438\u043c\u0441\u044f \u043a \u043d\u0435\u0439 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445&nbsp;<strong>_formKey.currentState.validate()<\/strong><\/li><li><strong>validator: (value){if (value.isEmpty) return &#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f&#8217;;}<\/strong>&nbsp;\u2013 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0444\u043e\u0440\u043c\u0435, \u0435\u0441\u043b\u0438 \u043e\u043d\u043e \u043f\u0443\u0441\u0442\u043e\u0435&nbsp;<strong>isEmpty<\/strong>, \u0437\u043d\u0430\u0447\u0438\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443-\u043e\u0448\u0438\u0431\u043a\u0443.<\/li><li><strong>new SizedBox(height: 20.0)<\/strong>&nbsp;\u2013 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438<\/li><li><strong>new RaisedButton(onPressed: (){<\/strong>&nbsp;\u2013 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0432\u0438\u0434\u0436\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0438, \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0443\u0440\u043e\u043a\u0430\u0445 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438&nbsp;<strong>FlatButton<\/strong>&nbsp;(\u044d\u0442\u043e \u043d\u0435\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0438\u0430\u043b\u044c\u043d\u043e)<\/li><li><strong>if(_formKey.currentState.validate())<\/strong>&nbsp;\u2013 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043f\u0440\u043e\u0445\u043e\u0434\u044f\u0442 \u043b\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430, \u0435\u0441\u043b\u0438 \u0443 \u043f\u043e\u043b\u0435\u0439 \u0432\u0432\u043e\u0434\u0430 \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435&nbsp;<strong>validator<\/strong>. \u0427\u0442\u043e\u0431\u044b&nbsp;<strong>_formKey.currentState.validate()<\/strong>&nbsp;\u0432\u0435\u0440\u043d\u0443\u043b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&nbsp;<strong>true ==<\/strong>&nbsp;\u0432 \u043f\u043e\u043b\u044f\u0445 \u043d\u0435\u0442 \u043e\u0448\u0438\u0431\u043e\u043a, \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435&nbsp;<strong>null<\/strong>&nbsp;(\u0442.\u0435. \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0438\u043b\u0438 return null).<br><br>\u0415\u0441\u043b\u0438 \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u043f\u043e\u043b\u0435 \u0432\u0435\u0440\u043d\u0443\u043b\u043e \u043e\u0448\u0438\u0431\u043a\u0443, \u0442\u043e \u043f\u043e\u0434 \u043f\u043e\u043b\u0435\u043c \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435.<br>\u0415\u0441\u043b\u0438 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f \u043f\u0440\u043e\u0448\u043b\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443, \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c:&nbsp;<strong>Scaffold.of(context).showSnackBar(SnackBar(content: Text(&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;), backgroundColor: Colors.green,));<\/strong>&nbsp;\u2013 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u0432\u043d\u0438\u0437\u0443 \u044d\u043a\u0440\u0430\u043d\u0430.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/flutter.su\/data\/3ce2f2fb64bf72287dbf2526e135be95.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/flutter.su\/data\/3ce2f2fb64bf72287dbf2526e135be95.png\" alt=\"class TextFormField() \u2013 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part3\">3. \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u043b\u044f E-mail<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0431\u0440\u0430\u043d\u043e \u0435\u0441\u043b\u0438 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u0442\u043e\u043c \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043d\u0435\u043c\u0443 \u0441 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u043e\u043c. \u0421\u0430\u043c\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0442\u044c \u2013 \u044d\u0442\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0435\u0441\u0442\u044c \u043b\u0438 \u0441\u0438\u043c\u0432\u043e\u043b @ \u0432 \u0441\u0442\u0440\u043e\u043a\u0435. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 E-mail&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (!value.contains(<em>&#8216;@&#8217;<\/em>)) return <em>&#8216;\u042d\u0442\u043e \u043d\u0435 E-mail&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041d\u043e \u0442\u0430\u043a\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0430 \u0434\u0440\u0443\u0433\u0438\u0445 \u043e\u0448\u0438\u0431\u043e\u043a \u043f\u0440\u0438 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c \u0434\u0440\u0443\u0433\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0439:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyForm extends StatefulWidget {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@override<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">State&lt;StatefulWidget&gt; createState() =&gt; MyFormState();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State{<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Widget build(BuildContext context) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return Container(padding: EdgeInsets.all(10.0), child: new Form(key: _formKey, child: new Column(children: &lt;Widget&gt;[<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0439 E-mail:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 Email&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">String p = <em>&#8220;[a-zA-Z0-9+.\\_\\%-+]{1,256}@[a-zA-Z0-9][a-zA-Z0-9-]{0,64}(.[a-zA-Z0-9][a-zA-Z0-9-]{0,25})+&#8221;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RegExp regExp = new RegExp(p);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (regExp.hasMatch(value)) return null;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return <em>&#8216;\u042d\u0442\u043e \u043d\u0435 E-mail&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate()) Scaffold.of(context).showSnackBar(SnackBar(content: Text(<em>&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;<\/em>), backgroundColor: Colors.green,));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}, child: Text(<em>&#8216;\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c&#8217;<\/em>), color: Colors.blue, textColor: Colors.white,),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">],)));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">void main() =&gt; runApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new MaterialApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">debugShowCheckedModeBanner: false,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">home: new Scaffold(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">appBar: new AppBar(title: new Text(<em>&#8216;Flutter.su &#8211; \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body: new MyForm()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u0430\u043d\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0442\u043e\u0436\u0435 \u043d\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043e\u0448\u0438\u0431\u043e\u043a, \u0435\u0441\u043b\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043e\u0448\u0438\u0431\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0438\u043c\u0435\u043d\u0438 \u0441\u0432\u043e\u0435\u0439 \u043f\u043e\u0447\u0442\u044b.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0415\u0441\u043b\u0438 \u043f\u0430\u043a\u0435\u0442 validator \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0437\u0430\u043c\u0435\u0442\u043a\u0443:&nbsp;<a href=\"https:\/\/flutter.su\/note\/1\" target=\"_blank\" rel=\"noopener\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0434\u043e \u0432\u0435\u0440\u0441\u0438\u0438 Flutter Release Preview 2 \u0438 Dart SDK 2.1.0<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0415\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 \u0434\u0430\u0440\u0442&nbsp;<a href=\"https:\/\/pub.dartlang.org\/packages\/validator\" target=\"_blank\" rel=\"noreferrer noopener\">\u00abvalidator\u00bb pub.dartlang.org\/packages\/validator<\/a>, \u0435\u0441\u043b\u0438 \u0435\u0433\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0442\u0438\u043f\u043e\u0432, \u0441 \u0435\u0433\u043e \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0438 e-mail \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439&nbsp;<strong>isEmail(String str)<\/strong>&nbsp;\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043e\u0442 \u043d\u0430\u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/flutter.su\/data\/f15c84c642e220dcfdbcceea3c802d36.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/flutter.su\/data\/f15c84c642e220dcfdbcceea3c802d36.png\" alt=\"class TextFormField() \u2013 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 e-mail\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part4\">4. class RadioListTile() \u2013 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c (\u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0430)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0433\u0440\u0443\u043f\u043f\u0443 \u043f\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043d\u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0442. \u0422\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u043a \u043d\u0430\u0448\u0435\u0439 \u0444\u043e\u0440\u043c\u0435 \u0441 \u0432\u044b\u0431\u043e\u0440\u043e\u043c \u043c\u0443\u0436\u0441\u043a\u043e\u0433\u043e \u0438\u043b\u0438 \u0436\u0435\u043d\u0441\u043a\u043e\u0433\u043e \u043f\u043e\u043b\u0430.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041c\u043e\u0436\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e&nbsp;<strong>_gender<\/strong>, \u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435\u0439, \u0432 \u043d\u0430\u0448\u0435\u043c \u0432\u0438\u0434\u0436\u0435\u0442\u0435 \u0441 \u0446\u0435\u043b\u043e\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c, \u0433\u0434\u0435&nbsp;<strong>0<\/strong>&nbsp;\u2013 \u043c\u0443\u0436\u0441\u043a\u043e\u0439 \u043f\u043e\u043b, \u0430&nbsp;<strong>1<\/strong>&nbsp;\u2013 \u0436\u0435\u043d\u0441\u043a\u0438\u0439 \u043f\u043e\u043b:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State{<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0442\u043e\u0433\u0434\u0430 \u0441\u0430\u043c\u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u0438\u043c\u0435\u043b\u0438 \u0431\u044b \u0442\u0430\u043a\u043e\u0439 \u0432\u0438\u0434:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0412\u0430\u0448 \u043f\u043e\u043b:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u041c\u0443\u0436\u0441\u043a\u043e\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: 0,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (int value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u0416\u0435\u043d\u0441\u043a\u0438\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: 1,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (int value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\/\/\u2026<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>groupValue: _gender<\/strong>&nbsp;\u2013 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435\u0439 \u043f\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044e, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<br>\u0415\u0441\u043b\u0438 \u0431\u044b \u0432 \u043a\u043b\u0430\u0441\u0441\u0435&nbsp;<strong>MyFormState<\/strong>&nbsp;\u043c\u044b \u043e\u0431\u044a\u044f\u0432\u0438\u043b\u0438&nbsp;<strong>int _gender = 0<\/strong>&nbsp;\u2013 \u0442\u043e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0431\u044b\u043b \u0431\u044b \u0432\u044b\u0431\u0440\u0430\u043d \u043c\u0443\u0436\u0441\u043a\u043e\u0439 \u043f\u043e\u043b.<\/li><li><strong>onChanged: (int value) {setState(() { _gender = value;});}<\/strong>&nbsp;\u2013 \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043d\u0430 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c \u0438 \u043c\u0435\u043d\u044f\u0435\u043c \u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u043c\u0435\u043d\u044f\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043d\u043e\u0432\u043e\u0435 \u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u0432\u0438\u0434\u0436\u0435\u0442\u0430&nbsp;<strong>MyFormState<\/strong>&nbsp;\u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e setState((){});<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u0412 \u043f\u043e\u043b\u043d\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u044b \u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0442\u043e\u0439\u0442\u0438 \u043e\u0442&nbsp;<strong>int<\/strong>&nbsp;\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u043f\u043e\u043b\u0430 \u0438 \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u0435&nbsp;<strong>GenderList<\/strong>&nbsp;\u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0438\u043f\u0430&nbsp;<strong>enum<\/strong>. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432 \u0444\u0430\u0439\u043b\u0435 main.dart \u043f\u0438\u0448\u0435\u043c:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">enum GenderList {male, female}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\/\/\u2026<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0422\u0435\u043f\u0435\u0440\u044c \u0442\u0430\u043c \u0433\u0434\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438&nbsp;<strong>int<\/strong>&nbsp;\u2013 \u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430&nbsp;<strong>GenderList<\/strong>&nbsp;\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f&nbsp;<strong>0<\/strong>&nbsp;\u043d\u0430&nbsp;<strong>GenderList.male<\/strong>&nbsp;\u0438&nbsp;<strong>1<\/strong>&nbsp;\u043d\u0430&nbsp;<strong>GenderList.female<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GenderList _gender;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\/\/\u2026<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0412\u0430\u0448 \u043f\u043e\u043b:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u041c\u0443\u0436\u0441\u043a\u043e\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: GenderList.male,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (GenderList value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u0416\u0435\u043d\u0441\u043a\u0438\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: GenderList.female,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (GenderList value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part5\">5. class CheckboxListTile() \u2013 \u0444\u043b\u0430\u0436\u043e\u043a (\u0447\u0435\u043a\u0431\u043e\u043a\u0441)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0424\u043b\u0430\u0436\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0438\u043b\u0438 \u0432\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440. \u0412 \u043d\u0430\u0448\u0435\u0439 \u0444\u043e\u0440\u043c\u0435 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0444\u043b\u0430\u0436\u043e\u043a \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u00ab\u0441\u043e\u0433\u043b\u0430\u0441\u0438\u044f\u00bb&nbsp;<strong>_agreement<\/strong>&nbsp;\u0442\u0438\u043f\u0430&nbsp;<strong>bool<\/strong>&nbsp;\u0432 \u043d\u0430\u0448 \u043a\u043b\u0430\u0441\u0441:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State{<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GenderList _gender;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bool _agreement = false;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>true<\/strong>&nbsp;\u2013 \u0444\u043b\u0430\u0436\u043e\u043a \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d<\/li><li><strong>false<\/strong>&nbsp;\u2013 \u0444\u043b\u0430\u0436\u043e\u043a \u0441\u043d\u044f\u0442, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u043f\u0440\u0438\u043d\u044f\u043b \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0444\u043b\u0430\u0436\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043c\u0435\u043d\u044f\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439&nbsp;<strong>_agreement<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new CheckboxListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: _agreement,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: new Text(<em>&#8216;\u042f \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d&#8217;<\/em>+(_gender==null?<em>&#8216;(\u0430)&#8217;<\/em>:_gender==GenderList.male?<em>&#8221;<\/em>:<em>&#8216;\u0430&#8217;<\/em>)+<em>&#8216; \u0441 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043c &#8220;\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445&#8221; \u0438 \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 &#8220;\u0424\u0435\u0434\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u0430\u043a\u043e\u043d\u0430 \u041e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u2116 152-\u0424\u0417&#8221;.&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (bool value) =&gt; setState(() =&gt; _agreement = value)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part6\">6. \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 class RadioListTile() \u0438 class CheckboxListTile()<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u0435\u0439 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c\u00bb \u043c\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b\u0438 \u0442\u0430\u043a:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate())<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0418 \u0435\u0441\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f validator \u0432 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u044f\u0445 \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u043b\u0430 \u043e\u0448\u0438\u0431\u043e\u043a, \u043c\u044b \u0432\u044b\u0432\u043e\u0434\u0438\u043b\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u043c \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0444\u043e\u0440\u043c\u044b:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scaffold.of(context).showSnackBar(SnackBar(content: Text(<em>&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;<\/em>), backgroundColor: Colors.green,)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041d\u043e \u0443 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432&nbsp;<strong>RadioListTile<\/strong>&nbsp;\u0438&nbsp;<strong>CheckboxListTile<\/strong>&nbsp;\u043d\u0435\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430&nbsp;<strong>validator<\/strong>&nbsp;\u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u0444\u043b\u0430\u0436\u043a\u043e\u0432 \u043f\u043e\u0441\u043b\u0435 \u0438\u043b\u0438 \u0434\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0444\u043e\u0440\u043c&nbsp;<strong>if(_formKey.currentState.validate())<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate()) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Color color = Colors.red;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">String text;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (_gender == null) text = <em>&#8216;\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u043f\u043e\u043b&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">else if (_agreement == false) text = <em>&#8216;\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0438\u043d\u044f\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">else {text = <em>&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;<\/em>; color = Colors.green;}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scaffold.of(context).showSnackBar(SnackBar(content: Text(text), backgroundColor: color,));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}, child: Text(<em>&#8216;\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c&#8217;<\/em>), color: Colors.blue, textColor: Colors.white,),<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/flutter.su\/data\/5f94eaacc786882096859cae6acd2303.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/flutter.su\/data\/5f94eaacc786882096859cae6acd2303.png\" alt=\"\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 class RadioListTile() \u0438 class CheckboxListTile()\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part7\">7. \u041f\u043e\u043b\u043d\u044b\u0439 \u043b\u0438\u0441\u0442\u0438\u043d\u0433 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0444\u043e\u0440\u043c\u0430 \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">enum GenderList {male, female}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyForm extends StatefulWidget {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@override<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">State&lt;StatefulWidget&gt; createState() =&gt; MyFormState();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyFormState extends State {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">GenderList _gender;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bool _agreement = false;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Widget build(BuildContext context) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return Container(padding: EdgeInsets.all(10.0), child: new Form(key: _formKey, child: new Column(children: &lt;Widget&gt;[<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0418\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0435 \u0438\u043c\u044f&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0439 E-mail:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 Email&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">String p = <em>&#8220;[a-zA-Z0-9+.\\_\\%-+]{1,256}@[a-zA-Z0-9][a-zA-Z0-9-]{0,64}(.[a-zA-Z0-9][a-zA-Z0-9-]{0,25})+&#8221;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">RegExp regExp = new RegExp(p);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (regExp.hasMatch(value)) return null;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return <em>&#8216;\u042d\u0442\u043e \u043d\u0435 E-mail&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(<em>&#8216;\u0412\u0430\u0448 \u043f\u043e\u043b:&#8217;<\/em>, style: TextStyle(fontSize: 20.0),),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u041c\u0443\u0436\u0441\u043a\u043e\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: GenderList.male,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (GenderList value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RadioListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: const Text(<em>&#8216;\u0416\u0435\u043d\u0441\u043a\u0438\u0439&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: GenderList.female,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">groupValue: _gender,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (GenderList value) {setState(() { _gender = value;});},<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new CheckboxListTile(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">value: _agreement,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">title: new Text(<em>&#8216;\u042f \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u043b\u0435\u043d&#8217;<\/em>+(_gender==null?<em>&#8216;(\u0430)&#8217;<\/em>:_gender==GenderList.male?<em>&#8221;<\/em>:<em>&#8216;\u0430&#8217;<\/em>)+<em>&#8216; \u0441 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043c &#8220;\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445&#8221; \u0438 \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 &#8220;\u0424\u0435\u0434\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u0430\u043a\u043e\u043d\u0430 \u041e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u2116 152-\u0424\u0417&#8221;.&#8217;<\/em>),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">onChanged: (bool value) =&gt; setState(() =&gt; _agreement = value)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 20.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate()) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Color color = Colors.red;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">String text;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (_gender == null) text = <em>&#8216;\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u043f\u043e\u043b&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">else if (_agreement == false) text = <em>&#8216;\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0440\u0438\u043d\u044f\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">else {text = <em>&#8216;\u0424\u043e\u0440\u043c\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430&#8217;<\/em>; color = Colors.green;}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scaffold.of(context).showSnackBar(SnackBar(content: Text(text), backgroundColor: color,));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}, child: Text(<em>&#8216;\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c&#8217;<\/em>), color: Colors.blue, textColor: Colors.white,),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">],)));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">void main() =&gt; runApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new MaterialApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">debugShowCheckedModeBanner: false,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">home: new Scaffold(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">appBar: new AppBar(title: new Text(<em>&#8216;Flutter.su &#8211; \u0424\u043e\u0440\u043c\u0430 \u0432\u0432\u043e\u0434\u0430&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body: new MyForm()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">);<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"part8\">8. \u0417\u0430\u0434\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438: \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043b\u043e\u0449\u0430\u0434\u0438<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/flutter.su\/data\/553d47f129c9084ac8b3bc8725fd08d0.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/flutter.su\/data\/553d47f129c9084ac8b3bc8725fd08d0.png\" alt=\"\u0417\u0430\u0434\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438: \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043b\u043e\u0449\u0430\u0434\u0438\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u041d\u0438\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d \u043b\u0438\u0441\u0442\u0438\u043d\u0433 \u043a\u043e\u0434\u0430 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u0438, \u0435\u0433\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u0417\u0430\u0434\u0430\u043d\u0438\u0435:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u043c\u0435\u0436\u0434\u0443 \u0435\u0434\u0438\u043d\u0438\u0446\u0430\u043c\u0438 \u0438\u0437\u043c\u0435\u0440\u0435\u043d\u0438\u044f: \u043c\u043c, \u0441\u043c, \u043c \u0438 \u0442.\u0434.<\/li><li>\u0417\u0430\u0434\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<\/li><li>\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0438\u043f&nbsp;<strong>int<\/strong>&nbsp;\u043d\u0430&nbsp;<strong>double<\/strong><\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u0414\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0432\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440&nbsp;<strong>initialValue: &#8216;String&#8217;<\/strong>&nbsp;\u0432 \u043a\u043b\u0430\u0441\u0441\u0435&nbsp;<strong>TextFormField<\/strong>&nbsp;\u2013 \u0437\u0430\u0434\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">import <em>&#8216;package:flutter\/material.dart&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyCalulateArea extends StatefulWidget {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@override<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">State&lt;StatefulWidget&gt; createState() =&gt; MyCalulateAreaState();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class MyCalulateAreaState extends State&lt;MyCalulateArea&gt; {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">final _formKey = GlobalKey&lt;FormState&gt;();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">int _width;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">int _height;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">int _area;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Widget build(BuildContext context) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return new Form(key: _formKey, child: new Column(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">children: [<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Row(children: &lt;Widget&gt;[<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Container(padding:EdgeInsets.all(10.0),child: new Text(<em>&#8216;\u0428\u0438\u0440\u0438\u043d\u0430 (\u043c\u043c):&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Expanded(child: Container(padding:EdgeInsets.all(10.0),child:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0428\u0438\u0440\u0438\u043d\u0443&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">try {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">_width = int.parse(value);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">} catch(e) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">_width = null;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return e.toString();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">})<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 10.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Row(children: &lt;Widget&gt;[<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Container(padding:EdgeInsets.all(10.0),child: new Text(<em>&#8216;\u0412\u044b\u0441\u043e\u0442\u0430 (\u043c\u043c):&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Expanded(child: Container(padding:EdgeInsets.all(10.0),child:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new TextFormField(validator: (value){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (value.isEmpty) return <em>&#8216;\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0412\u044b\u0441\u043e\u0442\u0443&#8217;<\/em>;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">try {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">_height = int.parse(value);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">} catch(e) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">_height = null;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">return e.toString();<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">})<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 10.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new RaisedButton(onPressed: (){<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if(_formKey.currentState.validate()) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">setState(() {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">if (_width is int &amp;&amp; _height is int) _area = _width * _height;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">});<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}, child: Text(<em>&#8216;\u0412\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u044c&#8217;<\/em>), color: Colors.blue, textColor: Colors.white,),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new SizedBox(height: 50.0),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new Text(_area == null ? <em>&#8216;\u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b&#8217;<\/em> : <em>&#8216;S = $_width * $_height = ${_area} (\u043c\u043c2)&#8217;<\/em>, style: TextStyle(fontSize: 30.0),)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">));<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">void main() =&gt; runApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">new MaterialApp(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">debugShowCheckedModeBanner: false,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">home: new Scaffold(<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">appBar: new AppBar(title: new Text(<em>&#8216;\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u043f\u043b\u043e\u0449\u0430\u0434\u0438&#8217;<\/em>)),<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">body: new MyCalulateArea()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">);<\/p>\n","protected":false},"excerpt":{"rendered":"<p>class Form() class TextFormField() \u2013 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0432\u0432\u043e\u0434\u0430 \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u043b\u044f E-mail class RadioListTile() \u2013 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c (\u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0430) class CheckboxListTile() \u2013 \u0444\u043b\u0430\u0436\u043e\u043a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[87],"tags":[],"class_list":["post-2153","page","type-page","status-publish","hentry","category-flutter"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/2153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=2153"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/2153\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=2153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=2153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=2153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}