Giriş yap

React Native Tutorial - 14 - Modal

YouTube›Codevolution
80,1bin80,1 bin izleme
Yayın tarihi 24 tem 202324 tem 2023

React Native Tutorial - 14 - Modal

React Native Tutorial - 14 - Modal

YouTube›Codevolution
80,1bin80,1 bin izleme
Yayın tarihi 24 tem 202324 tem 2023

React Native Tutorial - 14 - Modal

{"pages":{"search":{"query":"videoid:10063664322485641701","originalQuery":"","serpid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","parentReqid":"","serpItems":[{"id":"10063664322485641701-0-0","type":"videoSnippet","props":{"videoId":"10063664322485641701"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"prevention":{},"hasNextPage":false,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dHZpZGVvaWQ6MTAwNjM2NjQzMjI0ODU2NDE3MDEK","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","ui":"desktop","yuid":"8602645351770757215"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fpreview%2F10063664322485641701","pages":[{"reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","start":0,"end":1,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"1739509421097215317192","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_resource_loader":1,"video_adv_config_desktop":{"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"new_template_version":4,"video_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"video_resource_loader_load_timeout":6000,"int_tr":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"bg-bert-video":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_blender":1,"video_search_grid_enable":0,"video_viewer_desktop_fix_d2d_scroll":1,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_adv_new_show_rules_docs_count":1,"beauty_header_futuris_tab":9,"video_related_suggest_enable":1,"video_redirect_plug":2,"video_adv_grid_inplace":1,"distr_popup_on":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_depot_viewer_related_adv_margin":400,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_morda_header_nav":1,"video_nohost_full_filter":1,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1},"slots":["1469659,0,62;1457620,0,53;1471438,0,49;1476203,0,89;1484526,0,51;1460712,0,15;1482558,0,26;1459297,0,68;1481696,0,79;1465968,0,5;1480958,0,26;1482271,0,85;1468787,0,68;1461704,0,29;1482516,0,33;123830,0,55;1461715,0,50;1479355,0,80;1480228,0,82;1479383,0,45;1486615,0,49;1476157,0,24;1479860,0,83;1475649,0,32;1472948,0,45;1470515,0,87;89019,0,68;88928,0,5;1404017,0,10;1485279,0,18;263460,0,57;255407,0,57;1484582,0,1;1357005,0,36;1477460,0,31;56262,0,75;1484452,0,43;45971,0,88;151171,0,5;128380,0,31;1281084,0,55;287509,0,13;1447467,0,33;1006737,0,39;1478786,0,2;1482982,0,14;1468028,0,84;1476852,0,83"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fpreview%2F10063664322485641701","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://twitter.yandex.com.tr/video/search?text=React+Native+Tutorial+-+14+-+Modal","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"previewShort","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","backUrl":"//ya.ru","url":"https://twitter.yandex.com.tr/video/preview/10063664322485641701?","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"React Native Tutorial - 14 - Modal - Смотреть онлайн в поиске Яндекса по Видео","description":"📘 Courses - https://learn.codevolution.dev/ 💖 Support UPI - https://support.codevolution.dev/ 💖 S...","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"yabd6dc6908c0410f9ca502183248a51f","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1469659,1457620,1471438,1476203,1484526,1460712,1482558,1459297,1481696,1465968,1480958,1482271,1468787,1461704,1482516,123830,1461715,1479355,1480228,1479383,1486615,1476157,1479860,1475649,1472948,1470515,89019,88928,1404017,1485279,263460,255407,1484582,1357005,1477460,56262,1484452,45971,151171,128380,1281084,287509,1447467,1006737,1478786,1482982,1468028,1476852","queryText":"","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"8602645351770757215","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1227266,1226860,1246754,1276447,1289213,1316370,1313283,1321224,1300570,1320679,1352408,1342688,1344637,1341968,1345362,1343279,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459277,1459585,1461130,1486468,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1770757295","tz":"America/Louisville","to_iso":"2026-02-10T16:01:35-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","isEmbedded":false,"shouldShowMainPageButtonInViewer":false,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1469659,1457620,1471438,1476203,1484526,1460712,1482558,1459297,1481696,1465968,1480958,1482271,1468787,1461704,1482516,123830,1461715,1479355,1480228,1479383,1486615,1476157,1479860,1475649,1472948,1470515,89019,88928,1404017,1485279,263460,255407,1484582,1357005,1477460,56262,1484452,45971,151171,128380,1281084,287509,1447467,1006737,1478786,1482982,1468028,1476852","queryText":"","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"8602645351770757215","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"1739509421097215317192","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":152,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsInD2d":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"8602645351770757215","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1765.0__1b65778f629c0be7662f8369a8a645d0fd81b295","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"twitter.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"10063664322485641701":{"videoId":"10063664322485641701","docid":"34-11-15-Z30CE946484587617","description":"📘 Courses - https://learn.codevolution.dev/ 💖 Support UPI - https://support.codevolution.dev/ 💖 Support Paypal - https://www.paypal.me/Codevolution 💾 Github - https://github.com/gopinav 📱...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3240028/1efe0516794327b87fd80eeba3b68a06/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/ayiRNQIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&text=videoid:10063664322485641701","teaser":[{"list":{"type":"unordered","items":["Bu video, React Native'de modal bileşeninin nasıl kullanılacağını gösteren bir eğitim içeriğidir.","Video, modal bileşeninin temel kullanımını adım adım anlatmaktadır. Önce modal bileşeninin nasıl tanımlanacağı, ardından stateable modal oluşturma, görünür/gizli durumunu kontrol etme ve butonla modal'ı açıp kapatma işlemleri gösterilmektedir. Ayrıca, modal'ın animasyon türü ve sunum tarzı gibi özelliklerin nasıl ayarlanacağı da açıklanmaktadır. Video, Android ve iOS cihazlarındaki modal davranışlarının karşılaştırılmasıyla sonlanmaktadır."]},"endTime":399,"title":"React Native'de Modal Bileşeni Kullanımı","beginTime":0}],"fullResult":[{"index":0,"title":"Introduction to the Morale Component","list":{"type":"unordered","items":["The video demonstrates how to use the Morale component in React Native to show and hide a message on press of a button.","The Morale component is imported and defined as a container with a view containing a blue background and midnight blue text.","The Morale component is defaultly visible and its visibility is controlled based on user interaction."]},"beginTime":0,"endTime":83,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=0&ask_summarization=1"},{"index":1,"title":"Implementing Visibility Control","list":{"type":"unordered","items":["A stateful Morale component is created using the useState hook to control the visibility of the Morale.","A setter function is defined to set the visible prop of the Morale component to true to make it visible.","An event handler is added to the button to call the setter function with a false value to hide the Morale."]},"beginTime":83,"endTime":165,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=83&ask_summarization=1"},{"index":2,"title":"Adding Additional Features","list":{"type":"unordered","items":["The video demonstrates how to use the onRequestClose prop to handle the Morale closing event.","The animationType prop can be used to add transitions to the Morale's appearance, such as sliding from the bottom.","The presentationStyle prop is used to change the Morale's UI style, with different values for iOS and Android."]},"beginTime":165,"endTime":323,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=165&ask_summarization=1"},{"index":3,"title":"Conclusion","list":{"type":"unordered","items":["The presentationStyle prop only affects iOS devices, while Android uses a different presentation style.","The Morale component is used to define a message with desired content and control its visibility using the visible prop.","The animationType prop adds visual transitions to the Morale, and the presentationStyle prop changes its UI style on different platforms."]},"beginTime":323,"endTime":323,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=323&ask_summarization=1"}],"linkTemplate":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"React Native Tutorial - 14 - Modal","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=cPgB8GkH_d4\",\"src\":\"serp\",\"rvb\":\"EhYKFDEwMDYzNjY0MzIyNDg1NjQxNzAxGhYKFDEwMDYzNjY0MzIyNDg1NjQxNzAxWhQxMDA2MzY2NDMyMjQ4NTY0MTcwMWqIFxIBMBgAIkUaMQAKKmhodHpoZnZyZmpzbWV0emNoaFVDODBQV1JqX1pVOFp1MEhTTU5Wd0tXdxICABIqEMIPDxoPPxOPA4IEJAGABCsqiwEQARp4gQUU_QkE_AD5CA78-wT_ARH38_b1AAAA1gkA_Qj4BAD5BQgE-AEAAAIBBfwLAAAA5fD1-vsCAAAD-_wCBAAAAA3v_f_5AAAA9wf5AP4BAAD58AD3AwAAAAEQAPj_AAAA-w0I_wMAAAD1Fgf5AAAAABn5EP4AAQAAIAAtS-THOzgTQAlITlACKoQCEAAa8AFUGuf8AfkDA8gS5ADMIPgAgSIK_jkaA__j4-wB1wbhAd_-3gDv2xwA6BXzAJwo_wHtA9v-Mg4HAQr1If8QBjcAE-ToACPbCgA6AP0A3BPj__AdHAAy9Pz_KOoaACUB7QIfBAP88vzk-tTOAAMfLRoBERwY_yj89__sAywB9CcVBOQA_QDUFhwBu-_u_hQZLQP48OT8OAnaAOD08P0WFO4DEOIj_TPp9gTX9wf90-gA_MUI7gD84_cF6w8O-wsdCPsp9hcEBO389PEUCPAx0_AGFxj6_jfz6Ars4fX3yvMA_vP5Cv_UNvX-7wsF9AYFAfogAC3_IR07OBNACUhhUAIqzwcQABrAB8Y0s76sOQA9u1MPPME72b1TFr89V2J5PGPtP77onwW8ncMtOwWKSD4Q_Lk9FyzVvL2OkL5851y92KYpO6DiKD5R28a8RA42PMnuXb3ifvY8GNZIvbMj1b2Dlwo99R3yvFADQb2Yp1O9rINNPd7LLT6wUgW82OTfOytNCr5r_-45ZRkiPS-bSj23Siu91mgivLg_Fz7-Rya9miidvBhaHT5qB3G7tIUQPLuNp73ypHs9I2UwvBM8Dbvz1u8880yauv5ukD3H7HI7oXMNPfElmb2H1P689VHhPLzZ0Tuixo48_fe_OxBmCb0ZYks9JSL8vAaWDT0gyjy8JGR7PKjIIb4CfBw96OltPOcevT2rpwC9itbdOhyEv71NrQ09N5zkO2FJwzwdFzw7sBIePNOG4z3Mdmo91nS9PKur5TuvLYe9i67Fu42cBT7UBFu91NdzvBDjyr2qtbC8nJJiPBO8rD1wJNA9-vdPvJViR7zpmxQ9seiMvFLtoz3F4Ma8JnyEO1X9BT2MmoS9nvshvMh8AD5VqGk9jSWsPMnp673OA_O8bMDWOz0VRj3qa6c8egZDvPYFqT3BvNG8b3zxuziHK75pctG9vjR-uoKrXD0vTZG8AcNyPPLvEjxqNcE7GVDzOxRLgLyDaO29UuVrugiT4r3yYye8wvuquvvzI7ycGX0876vVuxpZKL3S8zi9B35xu3-Hkr2ywoi881Epu0TztT2WIm85Xsv5OhL4ZLvuLDC8Ntf2N39Ogbwpe6Y8V0qluNU3dT0rFo-97rDLOUqhZz3pB5o88xonObodkLwmPpI8RbY5OlhXBT4kN5k9mERrue-rEj3OpgO-FqHWt5gf7jzbuGq8ERzFuN7FIL2orGE9OBGtuPG5Mz0QVd08dWVgubgHkT2EP828mkYBuYXNRT1hm568ct_SN5PY3jsDTE-9Rl8FuNr3cr2aDAK9Sa6iOedp5TxIlsK89xcLOb6eFD1Iccy7-L-duQqAsbwnF-M9YmCSuVd9CT2kaXU87TQHuAa997zF0cu8NP5lOFcG9b1wQ-y9zAyLuJi8ojsi64C7WXDAOK97671zf6W9UMARuMJ1W726MNK9NsO7tWpKF739d069GSleuEq2Cr5nnty9W5b2OJiFmzzj7mI8Xegst_GzNj1r2fW8EiqVuJvlMrzM68g8Cxd3NfnBFD2edAk8pfINuNWU5Dy-Nqa986NNuGRekj20a2w9IXjuOFNTfL3w82Q9JnHDt26tijxdbxs9eAi9txEJlTz9M-O9pRKBtiAAOBNACUhtUAEqcxAAGmAc_QA96QPqyB0m6CPHzBGyAAbu8eAk_wsJAA85CQv4J96vFPv_Ktv3A68AAAAuFwok4QAWar7p1fjsLvDtv80TGH_m7USXDRoNus01__Hx8BcADQUACfDEBP_w5Tw6H1AgAC2vYCc7OBNACUhvUAIqrwYQDBqgBgAAqMEAADDBAAAwQQAAUEEAADDBAAAwwQAAmEIAAAhCAAAAwgAAEEEAAAhCAADgwAAAgMEAAHjCAAD4QQAAmMEAABxCAACAvwAAwMAAAMDAAAD-QgAAkMEAAADAAAD4wQAABEIAAMBAAACAwgAABMIAAKJCAACIQQAAYEEAAABAAABUwgAAwEAAAJLCAACAQAAAQMEAACRCAACoQQAAAEEAAFDBAACcQgAAYEIAALBBAAA0QgAAQMAAAABAAAC4wQAAmEEAAHjCAAAQQQAAQMEAAIDBAACoQQAAcEEAAHBCAAAwwgAABMIAAEhCAAAUQgAAuMEAALjBAABQwQAAgMEAAIrCAADYQQAAkEEAAIC_AABAwQAAkkIAAGBBAAA4QgAAwMEAABBCAACgwQAAJMIAADBBAAAMQgAAUMIAAEjCAACCwgAAYEEAAIhBAABsQgAAoMEAAKDBAACYwQAAEEIAAOhBAACAwgAAWEIAAAxCAABIQgAAqMIAABRCAAC2wgAAAAAAAABCAAA4wgAAAEAAAIC_AACgwAAAZEIAAPhBAACAwgAAoEAAAOBBAADgwAAASEIAANBBAAAUQgAAcMIAALhBAAA0wgAAsEIAABTCAADAwAAAosIAABBCAACIQQAAUMEAAEDAAADwwQAAkMIAAEhCAABAQQAAMEEAAABAAAAcwgAA2MEAAKpCAABwQgAAIMIAADxCAABAQAAA4EEAAODAAACwQQAAdMIAAIzCAADAwQAAYEIAAIxCAAAAwQAAAMEAANhBAADowQAA4EEAAFBBAADAwAAAgL8AANDBAACAwQAAeMIAAKBBAACAvwAAcEEAAIjCAAAcQgAAgkIAACDCAAAwwQAA0MEAAGBBAADIwQAArsIAAABCAACgQAAAwMEAABRCAAAYwgAAIMEAADDBAABAwAAAkEEAAOjBAAAwQgAAgMEAAMBAAADGQgAAXMIAADDBAABswgAAWMIAADxCAADwwQAAwMEAAPxCAAD4wQAAUEEAAADBAACAPwAAMEEAAAhCAABgwQAAPEIAAIC_AABEwgAAEMIAAPjBIAA4E0AJSHVQASqPAhAAGoACAAAEvgAAmD0AAKC8AABMPgAAZD4AAPg9AAAQPQAAL78AALK-AAC4PQAAJD4AAGS-AAAQvQAAEL0AAL6-AADGPgAALD4AACw-AACAOwAAUT8AAH8_AADYvQAAlr4AAIa-AAD4PQAAND4AAPi9AACCvgAAvr4AAIC7AADOPgAAQLwAANI-AABMvgAAuj4AAKg9AAAwPQAAqr4AAA-_AACgPAAA6D0AAI6-AACoPQAA2L0AAI6-AAAVPwAABD4AAPi9AAD4PQAAir4AAJg9AACSvgAAyj4AAJY-AABsvgAAiD0AAAk_AAB8PgAAzj4AAKI-AACAOwAADL4AAOi9AAAdPyAAOBNACUh8UAEqjwIQARqAAgAAyL0AAKA8AABcvgAAFb8AAIg9AAAUPgAAXD4AAIA7AADYPQAAUD0AAAy-AAAMPgAA6L0AALK-AACgvAAAuD0AAEC8AABDPwAATL4AAMY-AACavgAAPL4AAMi9AABQPQAAJL4AALg9AAAUPgAAEL0AAKi9AABwPQAAyD0AAIC7AACovQAAqL0AAIA7AADoPQAABL4AAIC7AACCvgAAPD4AAAw-AAAEvgAADD4AADA9AACovQAAML0AAH-_AAC-vgAAZL4AADC9AADYPQAAMD0AAGQ-AACavgAApj4AAKC8AABwvQAA2D0AABy-AABwPQAAiD0AAEw-AAAMvgAAuL0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=cPgB8GkH_d4","parent-reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10063664322485641701"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2603194084"}},"dups":{"10063664322485641701":{"videoId":"10063664322485641701","title":"React Native Tutorial - 14 - Modal","cleanTitle":"React Native Tutorial - 14 - Modal","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=cPgB8GkH_d4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/cPgB8GkH_d4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDODBQV1JqX1pVOFp1MEhTTU5Wd0tXdw==","name":"Codevolution","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Codevolution","origUrl":"http://www.youtube.com/@Codevolution","a11yText":"Codevolution. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":399,"text":"6:39","a11yText":"Süre 6 dakika 39 saniye","shortText":"6 dk."},"views":{"text":"80,1bin","a11yText":"80,1 bin izleme"},"date":"24 tem 2023","modifyTime":1690200926000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/cPgB8GkH_d4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=cPgB8GkH_d4","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","duration":399},"parentClipId":"10063664322485641701","href":"/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","rawHref":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"10063664322485641701":{"videoId":"10063664322485641701","docid":"34-11-15-Z30CE946484587617","description":"📘 Courses - https://learn.codevolution.dev/ 💖 Support UPI - https://support.codevolution.dev/ 💖 Support Paypal - https://www.paypal.me/Codevolution 💾 Github - https://github.com/gopinav 📱...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3240028/1efe0516794327b87fd80eeba3b68a06/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/ayiRNQIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","summary":{"isFull":true,"fullTextUrl":"/video/result?ask_summarization=1&numdoc=1&noreask=1&nomisspell=1&parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&text=videoid:10063664322485641701","teaser":[{"list":{"type":"unordered","items":["Bu video, React Native'de modal bileşeninin nasıl kullanılacağını gösteren bir eğitim içeriğidir.","Video, modal bileşeninin temel kullanımını adım adım anlatmaktadır. Önce modal bileşeninin nasıl tanımlanacağı, ardından stateable modal oluşturma, görünür/gizli durumunu kontrol etme ve butonla modal'ı açıp kapatma işlemleri gösterilmektedir. Ayrıca, modal'ın animasyon türü ve sunum tarzı gibi özelliklerin nasıl ayarlanacağı da açıklanmaktadır. Video, Android ve iOS cihazlarındaki modal davranışlarının karşılaştırılmasıyla sonlanmaktadır."]},"endTime":399,"title":"React Native'de Modal Bileşeni Kullanımı","beginTime":0}],"fullResult":[{"index":0,"title":"Introduction to the Morale Component","list":{"type":"unordered","items":["The video demonstrates how to use the Morale component in React Native to show and hide a message on press of a button.","The Morale component is imported and defined as a container with a view containing a blue background and midnight blue text.","The Morale component is defaultly visible and its visibility is controlled based on user interaction."]},"beginTime":0,"endTime":83,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=0&ask_summarization=1"},{"index":1,"title":"Implementing Visibility Control","list":{"type":"unordered","items":["A stateful Morale component is created using the useState hook to control the visibility of the Morale.","A setter function is defined to set the visible prop of the Morale component to true to make it visible.","An event handler is added to the button to call the setter function with a false value to hide the Morale."]},"beginTime":83,"endTime":165,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=83&ask_summarization=1"},{"index":2,"title":"Adding Additional Features","list":{"type":"unordered","items":["The video demonstrates how to use the onRequestClose prop to handle the Morale closing event.","The animationType prop can be used to add transitions to the Morale's appearance, such as sliding from the bottom.","The presentationStyle prop is used to change the Morale's UI style, with different values for iOS and Android."]},"beginTime":165,"endTime":323,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=165&ask_summarization=1"},{"index":3,"title":"Conclusion","list":{"type":"unordered","items":["The presentationStyle prop only affects iOS devices, while Android uses a different presentation style.","The Morale component is used to define a message with desired content and control its visibility using the visible prop.","The animationType prop adds visual transitions to the Morale, and the presentationStyle prop changes its UI style on different platforms."]},"beginTime":323,"endTime":323,"href":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=323&ask_summarization=1"}],"linkTemplate":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"React Native Tutorial - 14 - Modal","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=cPgB8GkH_d4\",\"src\":\"serp\",\"rvb\":\"EhYKFDEwMDYzNjY0MzIyNDg1NjQxNzAxGhYKFDEwMDYzNjY0MzIyNDg1NjQxNzAxWhQxMDA2MzY2NDMyMjQ4NTY0MTcwMWqIFxIBMBgAIkUaMQAKKmhodHpoZnZyZmpzbWV0emNoaFVDODBQV1JqX1pVOFp1MEhTTU5Wd0tXdxICABIqEMIPDxoPPxOPA4IEJAGABCsqiwEQARp4gQUU_QkE_AD5CA78-wT_ARH38_b1AAAA1gkA_Qj4BAD5BQgE-AEAAAIBBfwLAAAA5fD1-vsCAAAD-_wCBAAAAA3v_f_5AAAA9wf5AP4BAAD58AD3AwAAAAEQAPj_AAAA-w0I_wMAAAD1Fgf5AAAAABn5EP4AAQAAIAAtS-THOzgTQAlITlACKoQCEAAa8AFUGuf8AfkDA8gS5ADMIPgAgSIK_jkaA__j4-wB1wbhAd_-3gDv2xwA6BXzAJwo_wHtA9v-Mg4HAQr1If8QBjcAE-ToACPbCgA6AP0A3BPj__AdHAAy9Pz_KOoaACUB7QIfBAP88vzk-tTOAAMfLRoBERwY_yj89__sAywB9CcVBOQA_QDUFhwBu-_u_hQZLQP48OT8OAnaAOD08P0WFO4DEOIj_TPp9gTX9wf90-gA_MUI7gD84_cF6w8O-wsdCPsp9hcEBO389PEUCPAx0_AGFxj6_jfz6Ars4fX3yvMA_vP5Cv_UNvX-7wsF9AYFAfogAC3_IR07OBNACUhhUAIqzwcQABrAB8Y0s76sOQA9u1MPPME72b1TFr89V2J5PGPtP77onwW8ncMtOwWKSD4Q_Lk9FyzVvL2OkL5851y92KYpO6DiKD5R28a8RA42PMnuXb3ifvY8GNZIvbMj1b2Dlwo99R3yvFADQb2Yp1O9rINNPd7LLT6wUgW82OTfOytNCr5r_-45ZRkiPS-bSj23Siu91mgivLg_Fz7-Rya9miidvBhaHT5qB3G7tIUQPLuNp73ypHs9I2UwvBM8Dbvz1u8880yauv5ukD3H7HI7oXMNPfElmb2H1P689VHhPLzZ0Tuixo48_fe_OxBmCb0ZYks9JSL8vAaWDT0gyjy8JGR7PKjIIb4CfBw96OltPOcevT2rpwC9itbdOhyEv71NrQ09N5zkO2FJwzwdFzw7sBIePNOG4z3Mdmo91nS9PKur5TuvLYe9i67Fu42cBT7UBFu91NdzvBDjyr2qtbC8nJJiPBO8rD1wJNA9-vdPvJViR7zpmxQ9seiMvFLtoz3F4Ma8JnyEO1X9BT2MmoS9nvshvMh8AD5VqGk9jSWsPMnp673OA_O8bMDWOz0VRj3qa6c8egZDvPYFqT3BvNG8b3zxuziHK75pctG9vjR-uoKrXD0vTZG8AcNyPPLvEjxqNcE7GVDzOxRLgLyDaO29UuVrugiT4r3yYye8wvuquvvzI7ycGX0876vVuxpZKL3S8zi9B35xu3-Hkr2ywoi881Epu0TztT2WIm85Xsv5OhL4ZLvuLDC8Ntf2N39Ogbwpe6Y8V0qluNU3dT0rFo-97rDLOUqhZz3pB5o88xonObodkLwmPpI8RbY5OlhXBT4kN5k9mERrue-rEj3OpgO-FqHWt5gf7jzbuGq8ERzFuN7FIL2orGE9OBGtuPG5Mz0QVd08dWVgubgHkT2EP828mkYBuYXNRT1hm568ct_SN5PY3jsDTE-9Rl8FuNr3cr2aDAK9Sa6iOedp5TxIlsK89xcLOb6eFD1Iccy7-L-duQqAsbwnF-M9YmCSuVd9CT2kaXU87TQHuAa997zF0cu8NP5lOFcG9b1wQ-y9zAyLuJi8ojsi64C7WXDAOK97671zf6W9UMARuMJ1W726MNK9NsO7tWpKF739d069GSleuEq2Cr5nnty9W5b2OJiFmzzj7mI8Xegst_GzNj1r2fW8EiqVuJvlMrzM68g8Cxd3NfnBFD2edAk8pfINuNWU5Dy-Nqa986NNuGRekj20a2w9IXjuOFNTfL3w82Q9JnHDt26tijxdbxs9eAi9txEJlTz9M-O9pRKBtiAAOBNACUhtUAEqcxAAGmAc_QA96QPqyB0m6CPHzBGyAAbu8eAk_wsJAA85CQv4J96vFPv_Ktv3A68AAAAuFwok4QAWar7p1fjsLvDtv80TGH_m7USXDRoNus01__Hx8BcADQUACfDEBP_w5Tw6H1AgAC2vYCc7OBNACUhvUAIqrwYQDBqgBgAAqMEAADDBAAAwQQAAUEEAADDBAAAwwQAAmEIAAAhCAAAAwgAAEEEAAAhCAADgwAAAgMEAAHjCAAD4QQAAmMEAABxCAACAvwAAwMAAAMDAAAD-QgAAkMEAAADAAAD4wQAABEIAAMBAAACAwgAABMIAAKJCAACIQQAAYEEAAABAAABUwgAAwEAAAJLCAACAQAAAQMEAACRCAACoQQAAAEEAAFDBAACcQgAAYEIAALBBAAA0QgAAQMAAAABAAAC4wQAAmEEAAHjCAAAQQQAAQMEAAIDBAACoQQAAcEEAAHBCAAAwwgAABMIAAEhCAAAUQgAAuMEAALjBAABQwQAAgMEAAIrCAADYQQAAkEEAAIC_AABAwQAAkkIAAGBBAAA4QgAAwMEAABBCAACgwQAAJMIAADBBAAAMQgAAUMIAAEjCAACCwgAAYEEAAIhBAABsQgAAoMEAAKDBAACYwQAAEEIAAOhBAACAwgAAWEIAAAxCAABIQgAAqMIAABRCAAC2wgAAAAAAAABCAAA4wgAAAEAAAIC_AACgwAAAZEIAAPhBAACAwgAAoEAAAOBBAADgwAAASEIAANBBAAAUQgAAcMIAALhBAAA0wgAAsEIAABTCAADAwAAAosIAABBCAACIQQAAUMEAAEDAAADwwQAAkMIAAEhCAABAQQAAMEEAAABAAAAcwgAA2MEAAKpCAABwQgAAIMIAADxCAABAQAAA4EEAAODAAACwQQAAdMIAAIzCAADAwQAAYEIAAIxCAAAAwQAAAMEAANhBAADowQAA4EEAAFBBAADAwAAAgL8AANDBAACAwQAAeMIAAKBBAACAvwAAcEEAAIjCAAAcQgAAgkIAACDCAAAwwQAA0MEAAGBBAADIwQAArsIAAABCAACgQAAAwMEAABRCAAAYwgAAIMEAADDBAABAwAAAkEEAAOjBAAAwQgAAgMEAAMBAAADGQgAAXMIAADDBAABswgAAWMIAADxCAADwwQAAwMEAAPxCAAD4wQAAUEEAAADBAACAPwAAMEEAAAhCAABgwQAAPEIAAIC_AABEwgAAEMIAAPjBIAA4E0AJSHVQASqPAhAAGoACAAAEvgAAmD0AAKC8AABMPgAAZD4AAPg9AAAQPQAAL78AALK-AAC4PQAAJD4AAGS-AAAQvQAAEL0AAL6-AADGPgAALD4AACw-AACAOwAAUT8AAH8_AADYvQAAlr4AAIa-AAD4PQAAND4AAPi9AACCvgAAvr4AAIC7AADOPgAAQLwAANI-AABMvgAAuj4AAKg9AAAwPQAAqr4AAA-_AACgPAAA6D0AAI6-AACoPQAA2L0AAI6-AAAVPwAABD4AAPi9AAD4PQAAir4AAJg9AACSvgAAyj4AAJY-AABsvgAAiD0AAAk_AAB8PgAAzj4AAKI-AACAOwAADL4AAOi9AAAdPyAAOBNACUh8UAEqjwIQARqAAgAAyL0AAKA8AABcvgAAFb8AAIg9AAAUPgAAXD4AAIA7AADYPQAAUD0AAAy-AAAMPgAA6L0AALK-AACgvAAAuD0AAEC8AABDPwAATL4AAMY-AACavgAAPL4AAMi9AABQPQAAJL4AALg9AAAUPgAAEL0AAKi9AABwPQAAyD0AAIC7AACovQAAqL0AAIA7AADoPQAABL4AAIC7AACCvgAAPD4AAAw-AAAEvgAADD4AADA9AACovQAAML0AAH-_AAC-vgAAZL4AADC9AADYPQAAMD0AAGQ-AACavgAApj4AAKC8AABwvQAA2D0AABy-AABwPQAAiD0AAEw-AAAMvgAAuL0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=cPgB8GkH_d4","parent-reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["10063664322485641701"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"2603194084"}},"dups":{"10063664322485641701":{"videoId":"10063664322485641701","title":"React Native Tutorial - 14 - Modal","cleanTitle":"React Native Tutorial - 14 - Modal","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=cPgB8GkH_d4","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/cPgB8GkH_d4?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDODBQV1JqX1pVOFp1MEhTTU5Wd0tXdw==","name":"Codevolution","isVerified":true,"subscribersCount":0,"url":"/video/search?text=Codevolution","origUrl":"http://www.youtube.com/@Codevolution","a11yText":"Codevolution. Kanal onaylı"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":399,"text":"6:39","a11yText":"Süre 6 dakika 39 saniye","shortText":"6 dk."},"views":{"text":"80,1bin","a11yText":"80,1 bin izleme"},"date":"24 tem 2023","modifyTime":1690200926000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/cPgB8GkH_d4?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=cPgB8GkH_d4","reqid":"1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","duration":399},"parentClipId":"10063664322485641701","href":"/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","rawHref":"/video/preview/10063664322485641701?parent-reqid=1770757295551422-15173950942109721531-balancer-l7leveler-kubr-yp-klg-192-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}},"loadingStatus":"None"},"internal":{"videoId":"10063664322485641701","sandboxEventPrefix":"sandbox:","sandboxVersion":"0xd5172ed42e0","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"1739509421097215317192","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"shouldValidateSandbox":false,"sandboxInitTimeout":15000,"isSSROnlyMastheadEnabled":true,"queryUriEscaped":"videoid%3A10063664322485641701","filterMode":1,"isUserChild":false,"advInstreamConfig":{"regular":{"default":{"category":"2","impId":"7","partnerId":"2216089","vmapScenarioId":"119"}},"adult":{"default":{"category":"3","impId":"4","partnerId":"1988486","vmapScenarioId":"119"}}}},"playbackQueue":{"currentIndex":0,"items":[{"type":"VIDEO","videoId":"10063664322485641701","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}