flutter_onboarding

تصميم لصفحة onBoarding بإستخدام flutter مع Animation

تصميم لصفحة onBoarding بإستخدام flutter مع Animation في هذه المقالة نقدم لكم طريقة جديده لعمل صفحة onBoarding وهيا الصفحه التي تكون في بداي...

flutter_onboarding

إنشاء onBoarding مع انميشن اثناء الانتقال من صفحة للاخرى

Ahmed Mahmoud

إنشاء onBoarding مع انميشن اثناء الانتقال من صفحة للاخرى في هذه المقالة سوف نشرح معكم طريقة لعمل onBoarding او لعرض الصور الخاصه بك مع امكان...

flutter_onboarding

شرح مكتبة elastic drawer لعمل تداخل بين الصور اثناء التنقل في flutter

Ahmed Mahmoud

شرح مكتبة elastic drawer لعمل تداخل بين الصور اثناء التنقل في flutter كما نعلم ان تقنية فلاتر تتميز بوجود الكثير من المكتبات التي من شأنه...

flutter_onboarding

شرح إنشاء صفحة onBoarding في flutter تظهر في البدايه

Ahmed Mahmoud

شرح إنشاء صفحة onBoarding في flutter تعد onBoarding واحده من اهم العناصر المستخدمه في معظم التطبيقات الحديثة وهي عباره عن صفحة تظهر مره وا...

Showing

No More Posts

window['__wavt'] = 'AOuZoY6XpVMLZIiVzb92SvSlzdl5mIbxmw:1765541400141';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3573444566851368689','//www.geecoders.com/search/label/flutter_onboarding?hl\x3den','3573444566851368689'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3573444566851368689', 'title': 'GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633', 'url': 'https://www.geecoders.com/search/label/flutter_onboarding?hl\x3den', 'canonicalUrl': 'https://www.geecoders.com/search/label/flutter_onboarding', 'homepageUrl': 'https://www.geecoders.com/?hl\x3den', 'searchUrl': 'https://www.geecoders.com/search', 'canonicalHomepageUrl': 'https://www.geecoders.com/', 'blogspotFaviconUrl': 'https://www.geecoders.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-162006730-2', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633 - Atom\x22 href\x3d\x22https://www.geecoders.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633 - RSS\x22 href\x3d\x22https://www.geecoders.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3573444566851368689/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/14849778028057316249\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-5850779916175080', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ce4a0ba1ae8a0475', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'flutter_onboarding', 'pageName': 'flutter_onboarding', 'pageTitle': 'GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633: flutter_onboarding', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633', 'description': '', 'url': 'https://www.geecoders.com/search/label/flutter_onboarding?hl\x3den', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'flutter_onboarding', 'resultsMessage': 'Showing posts with the label flutter_onboarding', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eflutter_onboarding\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'GeeCoders - \u062c\u064a \u0643\u0648\u062f\u0631\u0633 (Header)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'topsocialL', 'id': 'LinkList3'}, {'title': '\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'type': 'LinkList', 'sectionId': 'menu', 'id': 'LinkList001'}, {'title': '\u0627\u0639\u0644\u0627\u0646 \u0627\u0633\u0641\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0644\u0644\u062d\u0627\u0633\u0648\u0628', 'type': 'HTML', 'sectionId': 'Topa3lan-sc', 'id': 'HTML100'}, {'title': '\u0627\u0639\u0644\u0627\u0646 \u0627\u0633\u0641\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0644\u0644\u0647\u0627\u062a\u0641', 'type': 'HTML', 'sectionId': 'Topa3lan-sc2', 'id': 'HTML101'}, {'title': '\u0628\u062d\u062b ...', 'type': 'BlogSearch', 'sectionId': 'searchform', 'id': 'BlogSearch2'}, {'title': '\u0645\u064a\u0632\u0629 \u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0646\u0642\u0644', 'type': 'HTML', 'sectionId': 'AddOns', 'id': 'HTML1'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'AddOns', 'id': 'ContactForm200'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'Tempnec', 'id': 'Blog1', 'posts': [{'id': '2140693652809412354', 'title': '\u062a\u0635\u0645\u064a\u0645 \u0644\u0635\u0641\u062d\u0629 onBoarding \u0628\u0625\u0633\u062a\u062e\u062f\u0627\u0645 flutter \u0645\u0639 Animation', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcdR4jgbchMljo0EIdTLCbknN6v-4HzKlzA7kDtkqhVWLmI7fkDNZSu06eO33pOCSc1wX8rvIrjJkEzgxIlRlBOHFkSGaZaItme-EKRzllmKDhA5Oq00xGmmsVE5rrR3M2i-xhLlgLEmofQsVyJMQhr_bJiKV_9FL7rta4EC70ltvDyR8pz_EmeYkRSA/w640-h360/%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D9%84%D8%B5%D9%81%D8%AD%D8%A9%20onBoarding%20%D8%A8%D8%A5%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85%20flutter%20%D9%85%D8%B9%20Animation.gif', 'showInlineAds': false}, {'id': '5180449473339856108', 'title': '\u0625\u0646\u0634\u0627\u0621 onBoarding \u0645\u0639 \u0627\u0646\u0645\u064a\u0634\u0646 \u0627\u062b\u0646\u0627\u0621 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0644\u0644\u0627\u062e\u0631\u0649', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4NMa3CiovnCixxCNP5J4Dt9-Aw55JWAUiONJ5FY_MSZ9WXlC0H8yqgduWCpbSnMKmJoJVJYj6SqbiaE8bzN_4yZM4n1VOVn1x9C2TmYrTnhl7UJDKvLKfl3UX7XN_Yb9jUQL-0ldB6EvYDS60IOfUZYhWS12l2ClgAdNjAyg9ltLuoLKKV4w3J4hGDg/w640-h360/onBoarding.gif', 'showInlineAds': false}, {'id': '7540249787079982178', 'title': '\u0634\u0631\u062d \u0645\u0643\u062a\u0628\u0629 elastic drawer \u0644\u0639\u0645\u0644 \u062a\u062f\u0627\u062e\u0644 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631 \u0627\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644 \u0641\u064a flutter', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEhYqokSGDF9fAS7Ci_ayrIZbT5Gt-U-6N-hjGAACNzVWEHchhP966h8qGS2e6E0ay2Q-KwDhhEja07HwvRIM25kkgfjTWd3SYemYrXr7PrNRa_dJm-8b2HDy2g60Ak6-pMhI17baGdZnOJYwKTdcl-fLVg40bcOtIfZCYAO9tkpgP3NGFQj1nWjWoanVw\x3ds16000', 'showInlineAds': false}, {'id': '9217479097904653641', 'title': '\u0634\u0631\u062d \u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0629 onBoarding \u0641\u064a flutter \u062a\u0638\u0647\u0631 \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0647', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEi612ypSEK9OshojaU54OCk6cvmQ3KuijjiW2fzYy8Uswh1ZaHSkWVHxdnDDG_GeDueqHd1aTPtbRLE0Cm802eaxbM0DL8hrxHjf9Ppodpb--VZ4NTSI263lBkQe9q_LA9MewErtsTfmT7D81oGwGsif1bOVNSLNMMBSUwOJTuW2WGJxchyvVB_cw3oRA\x3ds16000', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': '\u0627\u0639\u0644\u0627\u0646 \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0645\u0642\u0627\u0644', 'type': 'HTML', 'sectionId': 'PostA3lan', 'id': 'HTML3'}, {'title': '\u0627\u062e\u0631 \u0627\u0639\u0645\u0627\u0644\u0646\u0627', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML5'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'sidepar', 'id': 'LinkList4'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidepar', 'id': 'Label1'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'footer-social', 'id': 'LinkList2'}]}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'links': [{'isCurrentPage': false, 'href': 'https://www.geecoders.com/p/blog-page_24.html?hl\x3den', 'id': '2211078889069451338', 'title': '\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 || contact us'}, {'isCurrentPage': false, 'href': 'https://www.geecoders.com/p/mindegy1-mindegy1.html?hl\x3den', 'id': '5723709123583410502', 'title': '\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 || Privacy policy'}, {'isCurrentPage': false, 'href': 'https://www.geecoders.com/p/blog-page.html?hl\x3den', 'id': '7752173038066016849', 'title': '\u0645\u062d\u0648\u0644 \u0627\u0644\u0627\u0643\u0648\u0627\u062f \u0628\u0644\u0648\u062c\u0631 || Blogger code converter'}, {'isCurrentPage': false, 'href': 'https://www.geecoders.com/p/blog-page_28.html?hl\x3den', 'id': '6806785488741277839', 'title': '\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 || Site Map'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'topsocialL', document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'menu', document.getElementById('LinkList001'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'Topa3lan-sc', document.getElementById('HTML100'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'Topa3lan-sc2', document.getElementById('HTML101'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch2', 'searchform', document.getElementById('BlogSearch2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'AddOns', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm200', 'AddOns', document.getElementById('ContactForm200'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '3573444566851368689', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY61u_iEflKE11zQuAVVX8aGqFx08g:1765541400142', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Tempnec', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eflutter_onboarding\x3c/b\x3e. \x3ca href\x3d\x22https://www.geecoders.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2485970545-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'PostA3lan', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidepar', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'sidepar', document.getElementById('LinkList4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidepar', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer-social', document.getElementById('LinkList2'), {}, 'displayModeFull'));