{"id":17245,"date":"2021-02-01T12:32:53","date_gmt":"2021-02-01T09:02:53","guid":{"rendered":"https:\/\/maktabkhooneh.org\/mag\/?p=17245"},"modified":"2026-04-06T20:34:00","modified_gmt":"2026-04-06T17:04:00","slug":"learning-to-make-a-login-page-with-filter","status":"publish","type":"post","link":"https:\/\/maktabkhooneh.org\/mag\/learning-to-make-a-login-page-with-filter\/","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/span><\/h2>\n\n\n\n<p><span style=\"font-size: 16px;\">Flutter \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u0628\u0647 \u0633\u0631\u0639\u062a \u0648 \u0628\u0647 \u0631\u0648\u0634\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0628\u0648\u0645\u06cc \u0631\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f \u0648 \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0647\u0645 \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647 \u0647\u0627\u06cc Android \u0648 \u0647\u0645 iOS \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Flutter SDK \u06cc\u06a9 UI \u0632\u06cc\u0628\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0633\u0627\u062e\u062a. \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631 \u0631\u0627\u0628\u0637\u0647 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0641\u0644\u0627\u062a\u0631 \u0648 <strong><a href=\"https:\/\/maktabkhooneh.org\/mag\/learning-to-make-a-login-page-with-filter\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/a> <\/strong>\u0647\u0645\u0631\u0627\u0647 \u0645\u0627 \u0628\u0627\u0634\u06cc\u062f.<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50121\" style=\"\"><div class=\"jet-listing-dynamic-field-block zht-maktab-khooneh-course cb-fb2qc30r\"data-is-block=\"jet-engine\/dynamic-field\"><div class=\"jet-listing-dynamic-field__content\" >\n<div class=\"course-card\">\n    <div class=\"course-card-img\">\n        <img decoding=\"async\" \n            data-src=\"https:\/\/media1.maktabkhooneh.org\/CACHE\/images\/courses\/images\/flutter_kCLcdku\/09e67cce5a2c3597ba26d1a0bcd51914.webp?expire=4893471932&#038;token=a8c72f79c22517b3f16000f641cd8a3f&#038;md5=qMcvecIlF7PxYAD2Qc2KPw==\" \n            alt=\"\u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631\" \n            title=\"\u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631\" \n            width=\"100%\" \n            height=\"auto\"\n           \n         src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n    <\/div>\n\n    <div class=\"course-details\">\n        <a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-mk934\/\" class=\"course-title\" target=\"_blank\" rel=\"noopener noreferrer\">\n            \u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631        <\/a>\n\n        <div class=\"course-price\">\n            \n                <span class=\"real-price\">\n                                            \u06f2\u06f9\u06f9,\u06f0\u06f0\u06f0                                    <\/span>\n\n                <span>\n                    <span class=\"discounted-price\">\n                        \u06f8\u06f9,\u06f7\u06f0\u06f0                    <\/span>\n                    <span class=\"price-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/span>\n\n                                    <div class=\"discount-percentage\">\n                        \u06f7\u06f0%                    <\/div>\n                \n                    <\/div>\n        <button class=\"course-cta-button\" data-course-url=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-mk934\/\">\n            \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f        <\/button>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\"><a href=\"https:\/\/maktabkhooneh.org\/course\/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%81%D9%84%D8%A7%D8%AA%D8%B1-mk934\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0641\u0631\u06cc\u0645\u0648\u0631\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc Flutter<\/a><\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0641\u0631\u06cc\u0645\u0648\u0631\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0641\u0644\u0627\u062a\u0631 \u062a\u0648\u0633\u0637 \u06af\u0648\u06af\u0644 \u0645\u0639\u0631\u0641\u06cc \u0634\u062f \u0648 \u0647\u062f\u0641 \u0622\u0646 \u0637\u0631\u0627\u062d\u06cc \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0648\u062f. \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648\u0628 \u062a\u0648\u0633\u0637 \u0641\u0644\u0627\u062a\u0631 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 SDK \u0632\u0628\u0627\u0646 \u062f\u0627\u0631\u062a \u0648 \u0641\u0644\u0627\u062a\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">Flutter upgrade \u062f\u0633\u062a\u0648\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u0645\u062d\u06cc\u0637 Intellij \u06cc\u0627 \u0627\u0646\u062f\u0631\u0648\u06cc\u062f \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u06cc\u0627 \u062d\u062a\u06cc VS Code \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u0648\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0642\u0635\u062f \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u06cc\u0644\u06cc \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0631\u0627 \u062f\u0627\u0631\u06cc\u0645. \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0634\u0627\u0645\u0644 \u062f\u0648 \u0641\u06cc\u0644\u062f username \u0648 password \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f\u060c \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u06a9\u0645\u0647\u200c\u0627\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u200c \u06a9\u0647 \u0646\u062d\u0648\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0631\u0627\u06cc \u0622\u0646 \u0631\u0627 \u0646\u06cc\u0632 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0622\u0645\u0648\u062e\u062a.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u067e\u06cc\u0634 \u0646\u06cc\u0627\u0632\u0647\u0627<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0647 \u06a9\u0645\u06cc \u062f\u0627\u0646\u0634 Flutter \u06cc\u0627 Dart \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f. \u0627\u0628\u062a\u062f\u0627 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f Visual Studio Code \u0648 Visual Studio Code Flutter plugin \u0631\u0627 \u0646\u0635\u0628 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u200c.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u06a9\u0646\u0648\u0646 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc ctrl + shift + p \u06cc\u0627 cmd + shift + p \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f \u062a\u0627 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646 \u06cc\u06a9 \u0646\u0627\u0645 \u062f\u0647\u06cc\u062f\u060c \u06cc\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc flutter \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f. \u067e\u0633 \u0627\u0632 \u0622\u0646\u060c \u0628\u0627 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 Flutter \u062a\u0627\u0632\u0647 \u0631\u0648\u200c\u0628\u0647\u200c\u0631\u0648 \u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0648\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-1.png\" alt=\"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631\" class=\"wp-image-18161\" title=\"\" srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-1.png 800w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-1-300x188.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-1-768x480.png.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u0647\u0631\u0633\u062a<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u067e\u0633 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u067e\u0631\u0648\u0698\u0647\u060c \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06a9\u062f VS \u0628\u06a9\u0634\u06cc\u062f. \u0645\u0627 \u0627\u0632 \u06a9\u062f VS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0632\u06cc\u0631\u0627 \u06a9\u0627\u0645\u0644\u062a\u0631\u06cc\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 Flutter \u0631\u0627 \u062f\u0627\u0631\u062f.(Dart syntax, code completion, debugging tools). \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636\u060c \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">android<\/span><\/h4>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0631\u0648\u0646\u062f\u0647 \u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 Android \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0627\u06af\u0631 \u0642\u0628\u0644\u0627\u064b \u0647\u0631 \u0646\u0648\u0639 \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 cross-platform \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u0647.\u0627\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0646\u062f\u0647 \u0648 \u067e\u0648\u0634\u0647 ios \u06a9\u0627\u0645\u0644\u0627\u064b \u0622\u0634\u0646\u0627 \u0628\u0627\u0634\u06cc\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">Ios<\/span><\/h4>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 iOS \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">Lib<\/span><\/h4>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0634\u0645\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0648\u0642\u0627\u062a \u062f\u0631 \u0627\u06cc\u0646 \u0645\u06a9\u0627\u0646 \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f. Lib \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0634\u0627\u0645\u0644 \u06cc\u06a9 \u067e\u0631\u0648\u0646\u062f\u0647 main.dart \u0627\u0633\u062a\u060c \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0646\u0642\u0637\u0647 \u0648\u0631\u0648\u062f\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc Flutter app \u0627\u0633\u062a.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">Test<\/span><\/h4>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062c\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u06a9\u062f \u062a\u0633\u062a \u0648\u0627\u062d\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">pubspec.yaml<\/span><\/h4>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0646\u0633\u062e\u0647 \u0648 \u0634\u0645\u0627\u0631\u0647 \u0633\u0627\u062e\u062a \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u062c\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u067e\u0648\u0634\u0647\u200c\u0647\u0627 \u0648 \u067e\u0631\u0648\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0646\u0627\u062f\u06cc\u062f\u0647 \u06af\u0631\u0641\u062a\u0647\u200c\u0627\u06cc\u0645 \u0632\u06cc\u0631\u0627 \u062f\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0648\u0642\u0627\u062a \u0648\u0627\u0642\u0639\u0627\u064b \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u06a9\u0627\u0631 \u0631\u0648\u06cc \u0622\u0646\u200c\u0647\u0627 \u0646\u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"546\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-2.jpg\" alt=\"\u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631 \u0633\u0627\u062e\u062a\u0627\u0631 \u0641\u0647\u0631\u0633\u062a\" class=\"wp-image-18162 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-2.jpg 1000w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-2-300x164.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-2-768x419.jpg.webp 768w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/546;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u062a\u0639\u0631\u06cc\u0641 assets<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0628\u0647 \u067e\u0631\u0648\u0646\u062f\u0647 pubspec.yaml \u0628\u0631\u0648\u06cc\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0645\u0627\u0646\u0646\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\/\/..\/pubspec.yaml<\/span><br>\n<span style=\"font-size: 16px;\">name: flutter_login_ui<\/span><br>\n<span style=\"font-size: 16px;\">description: A new Flutter project.<\/span><br>\n<span style=\"font-size: 16px;\"># The following defines the version and build number for your application.<\/span><br>\n<span style=\"font-size: 16px;\"># A version number is three numbers separated by dots, like 1.2.43<\/span><br>\n<span style=\"font-size: 16px;\"># followed by an optional build number separated by a +.<\/span><br>\n<span style=\"font-size: 16px;\"># Both the version and the builder number may be overridden in flutter<\/span><br>\n<span style=\"font-size: 16px;\"># build by specifying &#8211;build-name and &#8211;build-number, respectively.<\/span><br>\n<span style=\"font-size: 16px;\"># Read more about versioning at semver.org.<\/span><br>\n<span style=\"font-size: 16px;\">version: 1.0.0+1<\/span><br>\n<span style=\"font-size: 16px;\">environment:<\/span><br>\n<span style=\"font-size: 16px;\">sdk: &#8220;&gt;=2.0.0-dev.68.0 &lt;3.0.0&#8221;<\/span><br>\n<span style=\"font-size: 16px;\">dependencies:<\/span><br>\n<span style=\"font-size: 16px;\">flutter:<\/span><br>\n<span style=\"font-size: 16px;\">sdk: flutter<\/span><br>\n<span style=\"font-size: 16px;\"># The following adds the Cupertino Icons font to your application.<\/span><br>\n<span style=\"font-size: 16px;\"># Use with the CupertinoIcons class for iOS style icons.<\/span><br>\n<span style=\"font-size: 16px;\">cupertino_icons: ^0.1.2<\/span><br>\n<span style=\"font-size: 16px;\">dev_dependencies:<\/span><br>\n<span style=\"font-size: 16px;\">flutter_test:<\/span><br>\n<span style=\"font-size: 16px;\">sdk: flutter<\/span><br>\n<span style=\"font-size: 16px;\"># For information on the generic Dart part of this file, see the<\/span><br>\n<span style=\"font-size: 16px;\"># following page: https:\/\/www.dartlang.org\/tools\/pub\/pubspec<\/span><br>\n<span style=\"font-size: 16px;\"># The following section is specific to Flutter.<\/span><br>\n<span style=\"font-size: 16px;\">flutter:<\/span><br>\n<span style=\"font-size: 16px;\"># The following line ensures that the Material Icons font is<\/span><br>\n<span style=\"font-size: 16px;\"># included with your application, so that you can use the icons in<\/span><br>\n<span style=\"font-size: 16px;\"># the material Icons class.<\/span><br>\n<span style=\"font-size: 16px;\">uses-material-design: true<\/span><br>\n<span style=\"font-size: 16px;\"># To add assets to your application, add an assets section, like this:<\/span><br>\n<span style=\"font-size: 16px;\">assets:<\/span><br>\n<span style=\"font-size: 16px;\">&#8211; logo.png<\/span><br>\n<span style=\"font-size: 16px;\">fonts:<\/span><br>\n<span style=\"font-size: 16px;\">&#8211; family: Montserrat<\/span><br>\n<span style=\"font-size: 16px;\">fonts:<\/span><br>\n<span style=\"font-size: 16px;\">&#8211; asset: fonts\/Montserrat-Regular.ttf<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0641\u0647\u0631\u0633\u062a \u0647\u0627\u06cc assets \u0648 fonts \u0631\u0627 \u062f\u0631 \u0631\u06cc\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 Flutter \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0645\u0627 \u06cc\u06a9 logo.png \u0631\u0627 \u0628\u0647 \u067e\u0648\u0634\u0647 ..\/assets \u0648 \u0641\u0648\u0646\u062a Montserrat-Regular.ttf \u0631\u0627 \u0628\u0647 \u067e\u0648\u0634\u0647 ..\/fonts \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0622\u0645\u0648\u0632\u0634\u060c \u0645\u0627 \u0627\u0632 assets \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"750\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-4.jpg\" alt=\"\u0633\u0627\u062e\u062a UI \u062f\u0631 \u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0641\u0644\u0627\u062a\u0631\" class=\"wp-image-18164 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-4.jpg 1000w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-4-300x225.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-4-768x576.jpg.webp 768w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/750;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0633\u0627\u062e\u062a UI \u062f\u0631 <a href=\"https:\/\/maktabkhooneh.org\/learn\/flutter-programming\/\">\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0641\u0644\u0627\u062a\u0631<\/a><\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0641\u0627\u06cc\u0644 lib \/ main.dart \u0628\u06cc\u0646\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645:<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><style><\/style><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"169\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/11\/Flutter-1-1-300x169.png.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0641\u0644\u0627\u062a\u0631 \u0686\u06cc\u0633\u062a\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/11\/Flutter-1-1-300x169.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/11\/Flutter-1-1-1024x576.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/11\/Flutter-1-1-768x432.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2020\/11\/Flutter-1-1-1536x864.png.webp 1536w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2020\/11\/Flutter-1-1.png 1920w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/169;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/how-to-design-an-application-with-the-flutter-framework\/\" class=\"zht-related-post-title\"\n    itemprop=\"headline\" target=\"_blank\">\u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9 \u0641\u0644\u0627\u062a\u0631 \u0637\u0631\u0627\u062d\u06cc \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u06a9\u0646\u06cc\u0645<\/a>\n<\/section><\/div>\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u0628\u062a\u062f\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Material \u0631\u0627 \u0627\u0632 Flutter \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645:<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">import &#8216;package: flutter \/ material.dart&#8217;\u061b<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u0632 \u062c\u0645\u0644\u0647 \u0622\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc MaterialApp \u060cScaffold \u0648 <a href=\"https:\/\/api.flutter.dev\/flutter\/material\/AppBar-class.html\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">AppBar<\/a> \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0631\u0648\u0634\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06cc\u0627 \u0628\u062e\u0634\u06cc \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645 \u06cc\u0627 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0686\u0627\u0631\u0686\u0648\u0628 Flutter \u0627\u0633\u062a.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u067e\u0633 \u0627\u0632 \u0622\u0646 \u062e\u0637 \u0632\u06cc\u0631 \u0645\u06cc \u0622\u06cc\u062f:<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">void main () =&gt; runApp (MyApp ())<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 <strong>\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/strong> \u0627\u06cc\u0646 \u0646\u0642\u0637\u0647 \u0648\u0631\u0648\u062f \u06a9\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0627 \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0686\u06cc\u0632\u06cc \u0631\u0627 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f \u0628\u0627\u06cc\u062f \u0647\u0645\u06cc\u0634\u0647 \u062a\u0639\u0631\u06cc\u0641 \u0634\u0648\u062f. fat-arrow (=&gt;) \u0641\u0642\u0637 \u06cc\u06a9 \u0631\u0648\u0634 \u062e\u0644\u0627\u0635\u0647 \u062a\u0631 \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u062a\u0648\u0627\u0628\u0639 \u0627\u0633\u062a\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u0627 \u062f\u0631 \u0648\u0627\u0642\u0639 \u062a\u0627\u0628\u0639 ()runApp \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u0627\u0628\u0639 ()main \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u06cc\u062c\u062a MyApp \u0631\u0627 \u0628\u0647 \u0631\u06cc\u0634\u0647 \u062f\u0631\u062e\u062a \u0648\u06cc\u062c\u062a \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0648\u062b\u0631 \u0648\u06cc\u062c\u062a \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0641\u0631\u0632\u0646\u062f\u0627\u0646\u0634 \u0648\u0627\u0631\u062f \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1000\" height=\"603\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-3.jpg\" alt=\"\u0622\u0645\u0648\u0632\u0634 Flutter\" class=\"wp-image-18163 lazyload\" title=\"\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/learning-to-make-a-login-page-with-a-filter-3.jpg 1000w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-3-300x181.jpg.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/learning-to-make-a-login-page-with-a-filter-3-768x463.jpg.webp 768w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/603;\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p><span style=\"font-size: 16px;\"><\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0648\u06cc\u062c\u062a\u200c\u0647\u0627<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u0645\u0648\u062c\u0648\u062f \u062f\u0631 Flutter \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631\u06a9 \u0647\u0633\u062a\u0646\u062f \u0648 \u0647\u0631 \u06cc\u06a9 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0645\u062c\u0645\u0648\u0639\u0647 \u062e\u0627\u0635 \u0648 \u0627\u0628\u0632\u0627\u0631\u200c\u0647\u0627\u06cc \u0641\u0631\u0632\u0646\u062f \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f. \u0645\u0627 \u062f\u0648 \u0646\u0648\u0639 \u0627\u0635\u0644\u06cc \u0648\u06cc\u062c\u062a \u062f\u0631 Flutter \u062f\u0627\u0631\u06cc\u0645:<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-size: 16px;\">Stateful widget: \u0648\u0636\u0639\u06cc\u062a \u062f\u0627\u062e\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0622\u0646 \u0631\u0627 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/li>\n\n\n\n<li><span style=\"font-size: 16px;\">Stateless widget: \u0648\u0636\u0639\u06cc\u062a \u062f\u0627\u062e\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0631\u062f\u06cc\u0627\u0628\u06cc \u0647\u0631 \u0686\u06cc\u0632\u06cc \u0646\u062f\u0627\u0631\u062f.<\/span><\/li>\n<\/ol>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0633\u067e\u0633 \u0648\u06cc\u062c\u062a MyApp \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u06a9\u0644\u0627\u0633 MyApp \u062e\u0648\u062f \u0631\u0627 \u0645\u0627\u0646\u0646\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f.(\u0641\u0642\u0637 \u0648\u06cc\u0698\u06af\u06cc \u0639\u0646\u0648\u0627\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f):<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">class MyApp extends StatelessWidget {\n\/\/ This widget is the root of your application.\n@override\nWidget build(BuildContext context) {\nreturn MaterialApp(\ntitle: 'Flutter login UI',\ntheme: ThemeData(\n\/\/ This is the theme of your application.\n\/\/\n\/\/ Try running your application with \"flutter run\". You'll see the\n\/\/ application has a blue toolbar. Then, without quitting the app, try\n\/\/ changing the primarySwatch below to Colors.green and then invoke\n\/\/ \"hot reload\" (press \"r\" in the console where you ran \"flutter run\",\n\/\/ or simply save your changes to \"hot reload\" in a Flutter IDE).\n\/\/ Notice that the counter didn't reset back to zero; the application\n\/\/ is not restarted.\nprimarySwatch: Colors.blue,\n),\nhome: MyHomePage(title: 'Flutter Login'),\n);\n}\n}<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u06a9\u062f \u0628\u0627\u0644\u0627 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 MaterialApp \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f \u06a9\u0647 \u0639\u0646\u0648\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0645\u0648\u0636\u0648\u0639 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u0627 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f\u060c \u0627\u06cc\u0646 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0628\u062f\u0648\u0646 \u062d\u0627\u0644\u062a \u0627\u0633\u062a.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631\u06a9 \u0628\u062f\u0648\u0646 \u062d\u0627\u0644\u062a\u060c \u0628\u0627\u06cc\u062f \u06a9\u0644\u0627\u0633 StatelessWidget \u0631\u0627 \u0645\u0627\u0646\u0646\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u06cc\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">class MyApp extends StatelessWidget {\n\/\/ ...\n}<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0627\u06a9\u0646\u0648\u0646 \u0648\u06cc\u062c\u062a \u062e\u0627\u0646\u06af\u06cc \u062e\u0648\u062f \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f\u060c \u0627\u06cc\u0646 \u0628\u0627\u0631 \u0648\u06cc\u062c\u062a \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a \u0648 \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0634\u0627\u0645\u0644 \u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631 \u0638\u0627\u0647\u0631 \u0622\u0646 \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u0646\u062f.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">class MyHomePage extends StatefulWidget {\nMyHomePage({Key key, this.title}) : super(key: key);\n\/\/ This widget is the home page of your application. It is stateful, meaning\n\/\/ that it has a State object (defined below) that contains fields that affect\n\/\/ how it looks.\n\/\/ This class is the configuration for the state. It holds the values (in this\n\/\/ case the title) provided by the parent (in this case the App widget) and\n\/\/ used by the build method of the State. Fields in a Widget subclass are\n\/\/ always marked \"final\".\nfinal String title;\n@override\n_MyHomePageState createState() =&gt; _MyHomePageState();\n}<\/span><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0622\u0645\u0648\u0632\u0634 Flutter<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u06a9\u0644\u0627\u0633 \u0632\u06cc\u0631 \u0648\u0638\u06cc\u0641\u0647 \u062a\u0639\u0631\u06cc\u0641 \u062d\u0627\u0644\u062a \u0648\u06cc\u062c\u062a MyHomePage \u0645\u0627 \u0631\u0627 \u0628\u0631 \u0639\u0647\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a. \u0622\u0646 \u0631\u0627 \u0645\u0627\u0646\u0646\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">class _MyHomePageState extends State&lt;MyHomePage&gt; {\nTextStyle style = TextStyle(fontFamily: 'Montserrat', fontSize: 20.0);\n\n@override\nWidget build(BuildContext context) {\n\nfinal emailField = TextField(\nobscureText: false,\nstyle: style,\ndecoration: InputDecoration(\ncontentPadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nhintText: \"Email\",\nborder:\nOutlineInputBorder(borderRadius: BorderRadius.circular(32.0))),\n);\nfinal passwordField = TextField(\nobscureText: true,\nstyle: style,\ndecoration: InputDecoration(\ncontentPadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nhintText: \"Password\",\nborder:\nOutlineInputBorder(borderRadius: BorderRadius.circular(32.0))),\n);\nfinal loginButon = Material(\nelevation: 5.0,\nborderRadius: BorderRadius.circular(30.0),\ncolor: Color(0xff01A0C7),\nchild: MaterialButton(\nminWidth: MediaQuery.of(context).size.width,\npadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nonPressed: () {},\nchild: Text(\"Login\",\ntextAlign: TextAlign.center,\nstyle: style.copyWith(\ncolor: Colors.white, fontWeight: FontWeight.bold)),\n),\n);\n\nreturn Scaffold(\nbody: Center(\nchild: Container(\ncolor: Colors.white,\nchild: Padding(\npadding: const EdgeInsets.all(36.0),\nchild: Column(\ncrossAxisAlignment: CrossAxisAlignment.center,\nmainAxisAlignment: MainAxisAlignment.center,\nchildren: &lt;Widget&gt;[\nSizedBox(\nheight: 155.0,\nchild: Image.asset(\n\"assets\/logo.png\",\nfit: BoxFit.contain,\n),\n),\nSizedBox(height: 45.0),\nemailField,\nSizedBox(height: 25.0),\npasswordField,\nSizedBox(\nheight: 35.0,\n),\nloginButon,\nSizedBox(\nheight: 15.0,\n),\n],\n),\n),\n),\n),\n);\n}\n}\n\nTextStyle style = TextStyle(fontFamily: 'Montserrat', fontSize: 20.0);<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0627\u0632 <strong>\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/strong> \u0627\u0628\u062a\u062f\u0627 \u0633\u0628\u06a9 \u0645\u062a\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062f\u0631 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0627\u0632 \u0641\u0648\u0646\u062a \u0645\u0648\u0646\u062a\u0633\u0631\u0627\u062a \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 fontFamily \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 \u062f\u0627\u062e\u0644 \u0628\u062f\u0646\u0647 \u06a9\u0644\u0627\u0633\u060c \u0628\u0627\u06cc\u062f \u0639\u0645\u0644\u06a9\u0631\u062f build \u0631\u0627 \u06a9\u0647 \u0627\u0628\u0632\u0627\u0631 \u0627\u0635\u0644\u06cc \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f\u060c \u0646\u0627\u062f\u06cc\u062f\u0647 \u0628\u06af\u06cc\u0631\u06cc\u0645. \u0633\u067e\u0633 \u0639\u0646\u0627\u0635\u0631 UI\u060c \u062f\u0648 \u0642\u0633\u0645\u062a \u0645\u062a\u0646 \u0648 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u2022 emailField<\/span><\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">final emailField = TextField(\nstyle: style,\ndecoration: InputDecoration(\ncontentPadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nhintText: \"Email\",\nborder:\nOutlineInputBorder(borderRadius: BorderRadius.circular(32.0))),\n);<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc final \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0627 \u0645\u06cc\u200c\u06af\u0648\u06cc\u062f \u06a9\u0647 \u0645\u0642\u062f\u0627\u0631 \u0634\u06cc \u062f\u0631 \u06a9\u0644 \u0628\u0631\u0646\u0627\u0645\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0645\u0627 \u0648\u0631\u0648\u062f\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631 TextField \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u062e\u0627\u0644\u06cc \u062f\u0631 \u062f\u0627\u062e\u0644 \u0645\u0646\u0637\u0642\u0647 \u0627\u0637\u0631\u0627\u0641 \u0632\u0645\u06cc\u0646\u060c \u0627\u0632 \u0628\u0631\u062e\u06cc padding\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0646\u0645\u0627\u06cc\u06cc\u0645. \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 borderRadius \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06cc\u06a9 \u0642\u0633\u0645\u062a \u0648\u0631\u0648\u062f\u06cc \u06af\u0631\u062f \u0648 \u0641\u0627\u0646\u062a\u0632\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u2022 passwordField<\/span><\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">final passwordField = TextField(\nobscureText: true,\nstyle: style,\ndecoration: InputDecoration(\ncontentPadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nhintText: \"Password\",\nborder:\nOutlineInputBorder(borderRadius: BorderRadius.circular(32.0))),\n);<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062a\u0639\u0631\u06cc\u0641 \u0642\u0633\u0645\u062a \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0647\u0645\u0627\u0646 \u062a\u0639\u0631\u06cc\u0641 \u0642\u0628\u0644\u06cc \u0627\u0633\u062a\u060c \u0628\u0627 \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u06a9\u0647 \u0645\u0627 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc obscureText \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: (\u0641\u0642\u0637 \u0648\u0631\u0648\u062f\u06cc \u0631\u0627 \u0647\u0646\u06af\u0627\u0645 \u062a\u0627\u06cc\u067e \u06a9\u0631\u062f\u0646 \u067e\u0646\u0647\u0627\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0686\u0648\u0646 \u0628\u0627\u06cc\u062f \u0645\u062b\u0644 \u0641\u06cc\u0644\u062f \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0631\u0641\u062a\u0627\u0631 \u06a9\u0646\u062f.)<\/span><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u2022 loginButton<\/span><\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">final loginButon = Material(\nelevation: 5.0,\nborderRadius: BorderRadius.circular(30.0),\ncolor: Color(0xff01A0C7),\nchild: MaterialButton(\nminWidth: MediaQuery.of(context).size.width,\npadding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),\nonPressed: () {},\nchild: Text(\"Login\",\ntextAlign: TextAlign.center,\nstyle: style.copyWith(\ncolor: Colors.white, fontWeight: FontWeight.bold)),\n),\n);<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 <strong>\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/strong> \u0648 \u062f\u0631 \u0642\u0633\u0645\u062a \u0633\u0627\u062e\u062a \u062f\u06a9\u0645\u0647 \u0644\u0627\u06af\u06cc\u0646\u060c \u0645\u0627 \u0627\u0632 \u0648\u06cc\u062c\u062a Material \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u0633\u0627\u06cc\u0647 (elevation) \u0631\u0627 \u0628\u0647 \u062f\u06a9\u0645\u0647 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u0645. \u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u0634\u0639\u0627\u0639 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u06af\u0631\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 \u0622\u062e\u0631 \u0645\u0627 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0632\u0646\u062f \u0648\u06cc\u062c\u062a \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 \u0648\u06cc\u062c\u062a Text \u0631\u0627 \u0646\u06cc\u0632 \u0628\u0647 \u0641\u0631\u0632\u0646\u062f\u06cc \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u062f\u06a9\u0645\u0647 \u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc onPressed \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0644\u06cc\u06a9 \u0634\u062f \u062a\u0627\u0628\u0639\u06cc \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">&nbsp;<\/span><br>\n<span style=\"font-size: 16px;\">&nbsp;<\/span><\/p>\n\n\n<div class=\"jet-listing-grid--50192\" style=\"\"><section class=\"zht-related-post\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Article\" role=\"region\"\n  aria-label=\"Related article\">\n  <div class=\"zht-related-post-section-label\">\n    \u0645\u0637\u0627\u0644\u0628 \u0645\u0631\u062a\u0628\u0637\n  <\/div>\n  <img decoding=\"async\" width=\"300\" height=\"167\" data-src=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/flutter_tenets-300x167.png.webp\" class=\"attachment-medium size-medium wp-post-image lazyload\" alt=\"\u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631 \u0628\u0631\u0627\u06cc \u0648\u0628\" data-srcset=\"https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/flutter_tenets-300x167.png.webp 300w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/flutter_tenets-1024x570.png.webp 1024w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/smush-webp\/2021\/01\/flutter_tenets-768x428.png.webp 768w, https:\/\/maktabkhooneh.org\/mag\/wp-content\/uploads\/2021\/01\/flutter_tenets.png 1315w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" title=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/167;\">\n  <a href=\"https:\/\/maktabkhooneh.org\/mag\/flutter-training-for-the-web\/\" class=\"zht-related-post-title\" itemprop=\"headline\" target=\"_blank\">\u0622\u06cc\u0627 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u0641\u0644\u0627\u062a\u0631 \u0628\u0631\u0627\u06cc \u0648\u0628 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u0645\u061f<\/a>\n<\/section><\/div>\n\n\n<p><span style=\"font-size: 16px;\">&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0628\u0639\u062f \u0627\u0632 \u0622\u0646\u060c \u0647\u0645\u0647 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u0628\u0632\u0627\u0631 Scaffold \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u0648 \u0639\u0646\u0627\u0635\u0631 \u0641\u0631\u0645 \u0645\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0639\u0645\u0648\u062f\u06cc \u062f\u0631 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 Column \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f. <\/span><span style=\"font-size: 16px;\">\u0628\u0647 \u0637\u0648\u0631 \u06a9\u0644\u06cc\u060c \u0645\u0627 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631 SizedBox \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u0641\u0627\u0635\u0644\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0633\u067e\u0633 \u062a\u0635\u0648\u06cc\u0631\u06cc \u0628\u0647 \u062f\u0627\u062e\u0644 \u06cc\u06a9 SizedBox \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06cc\u06a9 \u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u0645.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-size: 16px;\">return Scaffold(\nbody: Center(\nchild: Container(\ncolor: Colors.white,\nchild: Padding(\npadding: const EdgeInsets.all(36.0),\nchild: Column(\ncrossAxisAlignment: CrossAxisAlignment.center,\nmainAxisAlignment: MainAxisAlignment.center,\nchildren: &lt;Widget&gt;[\nSizedBox(\nheight: 155.0,\nchild: Image.asset(\n\"assets\/logo.png\",\nfit: BoxFit.contain,\n),\n),\nSizedBox(height: 45.0),\nemailField,\nSizedBox(height: 25.0),\npasswordField,\nSizedBox(\nheight: 35.0,\n),\nloginButon,\nSizedBox(\nheight: 15.0,\n),\n],\n),\n),\n),\n),\n);<\/span><\/pre>\n\n\n\n<p><span style=\"font-size: 16px;\">\u0648\u0642\u062a\u06cc \u0647\u0645\u0647 \u06a9\u0627\u0631 \u062a\u0645\u0627\u0645 \u0634\u062f\u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0642\u0628\u0644 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0634\u062f\u0647 \u0628\u0627\u0634\u062f. \u0627\u06af\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627 \u0646\u062f\u0627\u0631\u06cc\u062f\u060c \u0646\u0645\u0648\u0646\u0647 \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632 Android \u06cc\u0627 iOS \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0631\u06cc\u0634\u0647 \u0641\u0647\u0631\u0633\u062a \u067e\u0631\u0648\u0698\u0647 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/span><\/p>\n\n\n\n<p><span style=\"font-size: 16px;\">flutter run<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"font-size: 16px;\">\u0646\u062a\u06cc\u062c\u0647<\/span><\/h3>\n\n\n\n<p><span style=\"font-size: 16px;\">\u062f\u0631 \u0622\u0645\u0648\u0632\u0634<strong> \u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631<\/strong>\u060c \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u0645 \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 UI \u0632\u06cc\u0628\u0627 \u0628\u0631\u0627\u06cc \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Flutter \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0633\u0627\u0633\u06cc Flutter SDK \u0631\u0627 \u0622\u0645\u0648\u062e\u062a\u0647 \u0648 \u0628\u0627 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc Flutter \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u0645. \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u06cc\u0645 \u0628\u0627 \u0645\u0637\u0627\u0644\u0639\u0647 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0627\u0646\u0634 \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0627\u062f\u0627\u0645\u0647 \u06a9\u0627\u0648\u0634 \u062f\u0631 \u0645\u0648\u0631\u062f Flutter \u0631\u0627 \u06a9\u0633\u0628 \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0633\u0627\u062e\u062a \u0635\u0641\u062d\u0647 \u0644\u0627\u06af\u06cc\u0646 \u0628\u0627 \u0641\u0644\u0627\u062a\u0631 Flutter \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0631\u0627 \u0642\u0627\u062f\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f \u062a\u0627 \u0628\u0647 \u0633\u0631\u0639\u062a \u0648 \u0628\u0647 \u0631\u0648\u0634\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0628\u0648\u0645\u06cc \u0631\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f \u0648 \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0647\u0645 \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647 \u0647\u0627\u06cc Android \u0648 \u0647\u0645 iOS \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Flutter SDK \u06cc\u06a9 UI \u0632\u06cc\u0628\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0633\u0627\u062e\u062a. \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631 [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":18160,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-17245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-and-it-training"],"_links":{"self":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/17245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/comments?post=17245"}],"version-history":[{"count":4,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/17245\/revisions"}],"predecessor-version":[{"id":66838,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/posts\/17245\/revisions\/66838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media\/18160"}],"wp:attachment":[{"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/media?parent=17245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/categories?post=17245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maktabkhooneh.org\/mag\/wp-json\/wp\/v2\/tags?post=17245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}