{"id":138020,"date":"2023-04-24T00:00:00","date_gmt":"2023-04-24T00:00:00","guid":{"rendered":"https:\/\/adapty.io\/blog\/react-native-in-app-purchases-implementation-tutorial\/"},"modified":"2025-06-26T13:04:58","modified_gmt":"2025-06-26T13:04:58","slug":"react-native-in-app-purchases-implementation-tutorial","status":"publish","type":"post","link":"https:\/\/adapty.io\/ko\/blog\/react-native-in-app-purchases-implementation-tutorial\/","title":{"rendered":"\ub9ac\uc561\ud2b8 \ub124\uc774\ud2f0\ube0c (React native) \uc778\uc571 \uad6c\ub9e4: \uac04\ub2e8\ud55c \uad6c\ud604. \uc0ac\uc6a9 \uc9c0\uce68\uc11c"},"content":{"rendered":"\n<p>\ud50c\ub7ab\ud3fc\uac04 \uc571 (app)\uac1c\ubc1c\ud504\ub808\uc784\uc6cc\ud06c\ub294 \ud655\uc2e4\ud788 \uac1c\ubc1c\uc790\uc758 \uc0b6\uc744 \ub354 \uc27d\uac8c \ub9cc\ub4e4\uc5b4\uc8fc\uc5b4, \ud55c\ubc88\uc5d0 \uc5ec\ub7ec \ud50c\ub7ab\ud3fc\uc6a9 \uc571\uc744 \ube4c\ub4dc\ud560 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4.\ud558\uc9c0\ub9cc\uba87 \uac00\uc9c0 \ub2e8\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.\uc608\ub97c\ub4e4\uc5b4,\ub9ac\uc561\ud2b8\ub124\uc774\ud2f0\ube0c (ReactNative)\uc5d0\ub294\uc778\uc571 \uad6c\ub9e4 (in-apppurchase)\ub97c\uad6c\ud604\ud558\uae30 \uc704\ud55c \uae30\uc131 \ub3c4\uad6c\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.\ub530\ub77c\uc11c,\uc81c3\uc790\ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ubc14\ub77c\ubcfc \uc218 \ubc16\uc5d0 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%9d%b8%ec%95%b1%ea%b5%ac%eb%a7%a4-%ea%b5%ac%ed%98%84-purchase-implementation%ec%9d%84%ec%9c%84%ed%95%9c-%ec%98%b5%ec%85%98\">\uc778\uc571\uad6c\ub9e4 \uad6c\ud604 (purchase implementation)\uc744\uc704\ud55c \uc635\uc158<\/h2>\n\n\n\n<p>\ub9ac\uc561\ud2b8\ub124\uc774\ud2f0\ube0c \uc571\uc758 \uc778\uae30 \uc788\ub294 \uc778\uc571 \uad6c\ub3c5 (in-appsubscription) \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294react-native-iap\uc640expo-in-app-purchases\uc785\ub2c8\ub2e4.\ud558\uc9c0\ub9cc<a href=\"https:\/\/github.com\/adaptyteam\/AdaptySDK-React-Native\" target=\"_blank\" rel=\"noopener nofollow\">react-native-adapty<\/a>\uc5d0\ub300\ud574 \uc774\uc57c\uae30\ud560 \uac74\ub370,\ub2e4\ub978\ub77c\uc774\ube0c\ub7ec\ub9ac\uc5d0 \ube44\ud574 \uc0c1\ub2f9\ud55c \uc774\uc810\uc774 \uc788\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ub2e4\ub978\t\ub77c\uc774\ube0c\ub7ec\ub9ac\uc640\ub294 \ub2ec\ub9ac,\t\uc11c\ubc84\t\uae30\ubc18 \uad6c\ub9e4 \uac80\uc99d (purchase\tvalidation)\uc744\t\uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.apple.com\/documentation\/storekit\/original_api_for_in-app_purchase\/subscriptions_and_offers\/implementing_promotional_offers_in_your_app\" target=\"_blank\" rel=\"noopener nofollow\">\ud504\ub85c\ubaa8\uc158\t\ud560\uc778<\/a>\ubd80\ud130\t<a href=\"https:\/\/developer.apple.com\/documentation\/storekit\/original_api_for_in-app_purchase\/subscriptions_and_offers\/implementing_introductory_offers_in_your_app\" target=\"_blank\" rel=\"noopener nofollow\">\uc120\ubd88\t(pay-upfront)\t\uae30\ub2a5<\/a>\uc5d0\t\uc774\ub974\uae30\uae4c\uc9c0,\t\uc571\uc2a4\ud1a0\uc5b4\uc5d0\uc11c\t\ucd5c\uadfc \uad6c\ud604\ub41c \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\t\ub610\ud55c\t\uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc744 \ube60\ub974\uac8c \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\ucf54\ub4dc\ub294\t\ub354 \uba85\ud655\ud558\uace0 \uac04\ub2e8\ud574\uc9d1\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc804\uccb4\t\ucd9c\uc2dc \uc8fc\uae30\uac00 \uc9c0\ub098\uc9c0 \uc54a\uc544\ub3c4,\t\uc81c\ud488\t\ud310\ub9e4\ub97c \uc218\uc815\ud558\uace0 \uc0c8\ub85c\uc6b4 \ud310\ub9e4\ub97c \ucd94\uac00\ud558\uac70\ub098 \uc81c\uac70\ud560\t\uc218 \uc788\uc2b5\ub2c8\ub2e4.\t\ubca0\ud0c0\t\ubc84\uc804\uc744 \ucd9c\uc2dc\ud558\uace0 \uc2b9\uc778\uc744 \uae30\ub2e4\ub9b4 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>AdaptySDK\uc5d0\ub294\uadf8\ubcf4\ub2e4 \ud6e8\uc52c \ub354 \ub9ce\uc740 \uac83\uc774 \uc788\uc2b5\ub2c8\ub2e4.\ubaa8\ub4e0\uc8fc\uc694 \uba54\ud2b8\ub9ad,\ucf54\ud638\ud2b8\ubd84\uc11d (cohortanalysis), \uc11c\ubc84\uae30\ubc18 \uad6c\ub9e4 \uac80\uc99d,\ud398\uc774\uc6d4(paywall)\uc5d0\ub300\ud55c AB\ud14c\uc2a4\ud2b8(ABtesting), \uc720\uc5f0\ud558\uac8c\uc138\ubd84\ud654\ud560 \uc218 \uc788\ub294 \ud504\ub85c\ubaa8\uc158 \ucea0\ud398\uc778,\uc81c3\uc790\ubd84\uc11d \ub3c4\uad6c \ud1b5\ud569 \ub4f1\uc744 \uc704\ud55c \ub0b4\uc7a5 \ubd84\uc11d \ub3c4\uad6c\uac00 \uc81c\uacf5\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%9d%b4%ea%b8%b0%ec%82%ac%ec%97%90%ec%84%9c-%eb%8b%a4%eb%a3%b0-%eb%82%b4%ec%9a%a9\">\uc774\uae30\uc0ac\uc5d0\uc11c \ub2e4\ub8f0 \ub0b4\uc6a9<\/h2>\n\n\n\n<p>\uc9c0\uae08\uc740\ub9ac\uc561\ud2b8 \ub124\uc774\ud2f0\ube0c \uc571\uc5d0\uc11c \uc778\uc571 \uad6c\ub9e4\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc5d0\ub300\ud574 \uc774\uc57c\uae30\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\uc624\ub298\ub2e4\ub8f0 \ub0b4\uc6a9\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\ub9ac\uc561\ud2b8 \ub124\uc774\ud2f0\ube0c \uc571\uc758 \uc778\uc571 \uad6c\ub9e4\uc5d0 Expo\uac00 \uc791\ub3d9\ud558\uc9c0 \uc54a\ub294 \uc774\uc720.<\/li>\n\n\n\n<li>\uac1c\ubc1c\uc790 \uacc4\uc815 \ub9cc\ub4e4\uae30.<\/li>\n\n\n\n<li>Adapty \ud658\uacbd\uc124\uc815\ud558\uae30:<br>App Store \ud658\uacbd\uc124\uc815<br>Play Store \ud658\uacbd\uc124\uc815<\/li>\n\n\n\n<li>\uad6c\ub3c5\uc744 \ucd94\uac00\ud558\uae30.<\/li>\n\n\n\n<li> \ud398\uc774\uc6d4 \uc0dd\uc131\ud558\uae30.<\/li>\n\n\n\n<li>react-native-adapty \uc124\uce58\ud558\uae30.<\/li>\n\n\n\n<li>\uc0d8\ud50c \uc571 \ubc0f \uacb0\uacfc.<\/li>\n<\/ol>\n\n\n\n<p>\uc774\uac00\uc774\ub4dc\uc5d0\uc11c\ub294,\uad6c\ub3c5\ud55c\uc0ac\uc6a9\uc790\uc5d0\uac8c \uace0\uc591\uc774 \uc0ac\uc9c4\uc744 \ud45c\uc2dc\ud558\uace0 \ub2e4\ub978 \ubaa8\ub4e0 \uc0ac\uc6a9\uc790\uc5d0\uac8c\uad6c\ub3c5 \uc81c\uc548\uc744 \ud45c\uc2dc\ud558\ub294 \uc571\uc744 \ube4c\ub4dc\ud558\ub824\uace0 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%eb%a6%ac%ec%95%a1%ed%8a%b8%eb%84%a4%ec%9d%b4%ed%8b%b0%eb%b8%8c-%ec%95%b1%ec%9d%98-%ec%9d%b8%ec%95%b1-%ea%b5%ac%eb%a7%a4%ec%97%90-expo%ea%b0%80%ec%9e%91%eb%8f%99%ed%95%98%ec%a7%80-%ec%95%8a%eb%8a%94\">\ub9ac\uc561\ud2b8\ub124\uc774\ud2f0\ube0c \uc571\uc758 \uc778\uc571 \uad6c\ub9e4\uc5d0 Expo\uac00\uc791\ub3d9\ud558\uc9c0 \uc54a\ub294 \uc774\uc720<\/h3>\n\n\n\n<p><em>\uac04\ub2e8\ud558\uac8c\ub9d0\ud558\uc790\uba74:<\/em><a href=\"https:\/\/docs.expo.dev\/archive\/managed-vs-bare\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Expo&#8221;managed<\/em><\/a><em>\u201d\ub294\uad6c\ub9e4 \ucc98\ub9ac\ub97c \uc704\ud574 \uc571 \uc2a4\ud1a0\uc5b4\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub124\uc774\ud2f0\ube0c\uba54\uc18c\ub4dc (\uc2a4\ud1a0\uc5b4\ud0a4\ud2b8 (storekits)\ub77c\uace0\ub3c4\ud568)\ub97c\uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\uc21c\uc218\ud55cRN\uc744\uace0\uc218\ud558\uac70\ub098,Expo \ubca0\uc5b4\uc6cc\ud06c\ud50c\ub85c\uc6b0\ub97c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4.<\/em><\/p>\n\n\n\n<p>\ub2e8\ub3c4\uc9c1\uc785\uc801\uc73c\ub85c,Expo\ub97c\uc0ac\uc6a9\ud558\ub824\uace0 \uc0dd\uac01\ud55c \uc0ac\ub78c\ub4e4\uc5d0\uac8c\ub294 \uc2e4\ub9dd\uc2a4\ub7fd\uc9c0\ub9cc,\uc774\uac83\uc740\uc791\ub3d9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.Expo\ub294\uc571 \uac1c\ubc1c\uc744 \ud6e8\uc52c \uc27d\uac8c \ud574\uc8fc\ub294 \ub9ac\uc561\ud2b8 \ub124\uc774\ud2f0\ube0c\ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4.\uadf8\ub7ec\ub098\ub9e4\ub2c8\uc9c0\ub4dc \uc6cc\ud06c\ud50c\ub85c\uc6b0\ub294 \uad6c\ub9e4\/\uad6c\ub3c5\ucc98\ub9ac\uc640 \ud638\ud658\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.Expo\ub294\uc2a4\ud1a0\uc5b4 \ud0a4\ud2b8\uc5d0 \ud544\uc694\ud55c \uba54\uc18c\ub4dc\uc640 \ucef4\ud3ec\ub10c\ud2b8 (\ub458\ub2e4 JS\uc804\uc6a9)\uc5d0\ub124\uc774\ud2f0\ube0c \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.JavaScript\ub97c\uc0ac\uc6a9\ud558\ub294 \ubaa8\ubc14\uc77c \uc2a4\ud1a0\uc5b4\uc5d0\uc11c \uc778\uc571 \uad6c\ub9e4\ub97c \uad6c\ud604\ud560 \uc218\uc788\ub294 \ubc29\ubc95\uc774 \uc5c6\uc73c\ubbc0\ub85c,&#8221;\ub098\uc57c\ud569\ub2c8\ub2e4&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ea%b0%9c%eb%b0%9c%ec%9e%90%ea%b3%84%ec%a0%95-%eb%a7%8c%eb%93%a4%ea%b8%b0\">\uac1c\ubc1c\uc790\uacc4\uc815 \ub9cc\ub4e4\uae30<\/h2>\n\n\n\n<p>\uba3c\uc800\uc571 \uc2a4\ud1a0\uc5b4 \uacc4\uc815\uc744 \uc124\uc815\ud558\uace0 iOS\ubc0fAndroid\ubaa8\ub450\uc5d0\ub300\ud55c \uad6c\ub9e4 \ubc0f \uad6c\ub3c5\uc744 \uc0dd\uc131 \ubc0f \uad6c\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.20\ubd84\uc774\uc0c1 \uac78\ub9ac\uc9c0 \uc54a\uc744 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>AppStore Connect \ubc0f\/\ub610\ub294GooglePlay Console\uc5d0\uc11c\uac1c\ubc1c\uc790 \uacc4\uc815 \ubc0f \uc81c\ud488\uc744 \uc544\uc9c1 \uad6c\uc131\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0,\ub2e4\uc74c\uac00\uc774\ub4dc\ub97c \ucc38\uc870\ud558\uc138\uc694.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/adapty.io\/blog\/ios-in-app-purchases-1\" target=\"_blank\" rel=\"noopener\">iOS<\/a>\uc6a9:\t\uac00\uc774\ub4dc\ub97c\t\ucc98\uc74c\ubd80\ud130 &#8220;SKProduct\t\ubaa9\ub85d\t\uac00\uc838\uc624\uae30&#8221;\t\uc81c\ubaa9\uae4c\uc9c0\t\uc77d\uc73c\uc2ed\uc2dc\uc624.\t\uc5ec\uae30\uc5d0\uc11c\t\ub124\uc774\ud2f0\ube0c \uad6c\ud604\uc5d0 \ub300\ud574 \ub2e4\ub8e8\uae30 \uc2dc\uc791\ud558\ub294 \ubd80\ubd84\uc774\uae30\t\ub54c\ubb38\uc785\ub2c8\ub2e4.\t\t<\/li>\n\n\n\n<li><a href=\"https:\/\/adapty.io\/blog\/android-in-app-subscriptions-part-1\" target=\"_blank\" rel=\"noopener\">Android<\/a>\uc6a9:\t\uac00\uc774\ub4dc\ub97c\t\ucc98\uc74c\ubd80\ud130 &#8220;\uc571\uc5d0\uc11c\t\uc81c\ud488 \ubaa9\ub85d \uac00\uc838\uc624\uae30&#8221;\t\uc81c\ubaa9\uae4c\uc9c0\t\uc77d\uc73c\uc2ed\uc2dc\uc624.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adapty-%ed%99%98%ea%b2%bd%ec%84%a4%ec%a0%95\">Adapty \ud658\uacbd\uc124\uc815<\/h2>\n\n\n\n<p>react-native-adapty\uc758\uacbd\uc6b0 \uba3c\uc800 Adapty\ub300\uc2dc\ubcf4\ub4dc\ub97c\uad6c\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.\uc2dc\uac04\uc774\ub9ce\uc774 \uac78\ub9ac\uc9c0\ub294 \uc54a\uc9c0\ub9cc,\uc704\uc5d0\ub098\uc5f4\ub41c Adapty\uac00\ud558\ub4dc \ucf54\ub529\uc5d0 \ube44\ud558\uc5ec \uac16\ub294 \ubaa8\ub4e0 \uc774\uc810\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc138\ubc88\uc9f8 \ub2e8\uacc4\uc5d0\uc11c\ub294 AppStore \ubc0fGooglePlay \uad6c\uc131\uc744\ubb3b\ub294 \uba54\uc2dc\uc9c0\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3df0eb779b1966c336_wwqbyclqbg22r4uxyue6f_wty_8kx1lgeepf9-ctrv5mcvrihoe1upbhw-0jth_wqwkhjc4az-wnkjavifb_eb9riv9vztvwn3rvqbfghyv0cjx8ytj7d5fc4of7zeu7ezdhvkxd-1.png\" alt=\"\"><\/figure>\n\n\n\n<p>iOS\uc758\uacbd\uc6b0,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ubc88\ub4e4 ID\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>App Store \uc11c\ubc84 \uc54c\ub9bc (Server Notifications)\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li>App Store Connect \uacf5\uc720 \uc554\ud638\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>\uc774\ud544\ub4dc\ub294 \uad6c\ub9e4\uac00 \uc791\ub3d9\ud558\ub294 \ub370 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uac01\ud544\ub4dc\uc5d0\ub294 \ub2e8\uacc4\ubcc4 \ubc29\ubc95 \uac00\uc774\ub4dc\uac00 \ud3ec\ud568\ub41c &#8216;Readhow&#8217; \ud78c\ud2b8\uac00\uc788\uc2b5\ub2c8\ub2e4.\uc9c8\ubb38\uc774\uc788\ub294 \uacbd\uc6b0 \uc774\ub97c \ud655\uc778\ud558\uc2ed\uc2dc\uc624.<\/p>\n\n\n\n<p>\ubc88\ub4e4ID\ub294\uc571\uc758 \uace0\uc720 ID\uc785\ub2c8\ub2e4.Xcode\uc758<em>Targets&gt; [\uc571\uc774\ub984]&gt; General<\/em>\uc5d0\uc11c\uc9c0\uc815\ud55c \uac83\uacfc \uc77c\uce58\ud574\uc57c \ud569\ub2c8\ub2e4:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3d0bcefe3f92ed87c6_ofteg-29-hasv9sywd5gpm4vxtbwppkdlkqkatwvl3jprjkq3ffp3xzdcuett5qf_uzavsew-j_9jeqswh_hx7tugan03hol7qmnukdbzhefyla6ctghd8mwdxfb9bo6ynbhqatt-1.png\" alt=\"\"><\/figure>\n\n\n\n<p>Android\uc758\uacbd\uc6b0,\ud544\uc218\ud544\ub4dc\ub294 \ud328\ud0a4\uc9c0 \uc774\ub984 \ubc0f \uc11c\ube44\uc2a4 \uacc4\uc815 \ud0a4 \ud30c\uc77c\uc785\ub2c8\ub2e4.\uc774\ubaa8\ub4e0 \ud544\ub4dc\uc5d0\ub294 \uac01\uac01 Readhow \ud78c\ud2b8\ub3c4\uc788\uc2b5\ub2c8\ub2e4.Android\uc5d0\uc11c\ud328\ud0a4\uc9c0 \uc774\ub984\uc740 iOS\uc5d0\uc11c\ubc88\ub4e4 ID\uc640\uac19\uc740 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.\uc774\ub294android.defaultConfig.applicationId\uc758\/android\/app\/build.gradle\ud30c\uc77c\uc5d0\uc11c\ucc3e\uc744 \uc218 \uc788\ub294 \ucf54\ub4dc\uc5d0 \uc9c0\uc815\ud55c \uac83\uacfc \uc77c\uce58\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3dad4d57621f800483_qbh6fhwgcmjiqsriilrm2ubc2xjswr8buchwntern5xn8fkxqxgep4hbrftvqyfu3rgx4dg_x3c6iyvemvxarmvemiu-awzpyhlntli64em6lnkwaqaxcsou4spkkyk2usia_jyq-1.png\" alt=\"\"><\/figure>\n\n\n\n<p>\ub124\ubc88\uc9f8 \ub2e8\uacc4\uc5d0\uc11c\ub294 AdaptySDK\ub97c\uc571\uc5d0 \uc5f0\uacb0\ud558\ub77c\ub294 \uba54\uc2dc\uc9c0\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\uc9c0\uae08\uc740\uc774 \ub2e8\uacc4\ub97c \uac74\ub108\ub6f0\uc2ed\uc2dc\uc624.\uc7a0\uc2dc\ud6c4\uc5d0 \ub2e4\uc2dc \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uac00\uc785\ud55c\ud6c4 \uc124\uc815 \ud0ed\uc744 \ud655\uc778\ud558\uace0,\uc5ec\uae30\uc5d0\uc11c\uacf5\uac1c SDK\ud0a4\ub97c\ucc3e\uc744 \uc218 \uc788\ub2e4\ub294 \uc810\uc744 \uae30\uc5b5\ud558\uc2ed\uc2dc\uc624.\ub098\uc911\uc5d0\ud0a4\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3d3fce0994fd3f0c38_0_z1xu4tx6yoskp5gysva4jz-ksmpt59lwmlpt8mol5fmyuqn1gygyvmqf52rgz5drhlvtp2gekrd0pwygz8pydmejdeskwggxp5-_f6kevd_ftdziotbnzpcv6bsqgojjk9unzt-1.jpg\" alt=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%ea%b5%ac%eb%8f%85%ec%b6%94%ea%b0%80%ed%95%98%ea%b8%b0\">\uad6c\ub3c5\ucd94\uac00\ud558\uae30<\/h3>\n\n\n\n<p>Adapty\ub294\ub2e4\uc591\ud55c \uad6c\ub3c5\uc5d0 \uc81c\ud488\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.\uace0\uc591\uc774\uc0ac\uc9c4 \uad6c\ub3c5\uc740 \uc8fc\uac04,6\uac1c\uc6d4\ub610\ub294 \uc5f0\uac04\uc774 \ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\uc774\ub7ec\ud55c\uac01 \uc635\uc158\uc740 \ubcc4\uac1c\uc758 Adapty\uc81c\ud488\uc774\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ud558\ub098\uc758\uc81c\ud488\uc774 \uc788\ub2e4\uace0 \ub300\uc2dc\ubcf4\ub4dc\uc5d0 \uc9c0\uc815\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\uc774\ub807\uac8c\ud558\uae30 \uc704\ud574,Products &amp; A\/B Tests \u2192 Products \ub85c\uc774\ub3d9\ud558\uc5ec Createproduct\ub97c\ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc5ec\uae30\uc5d0\uc11c\uc81c\ud488 \uc774\ub984,\uc989\uc774 \uad6c\ub3c5\uc774 Adapty\ub300\uc2dc\ubcf4\ub4dc\uc5d0\ud45c\uc2dc\ub418\ub294 \ubc29\uc2dd\uc744 \uc9c0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>AppStore \uc81c\ud488ID\uc640PlayStore \uc81c\ud488ID\ub3c4\uc9c0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.\uc6d0\ud558\ub294\uacbd\uc6b0,\ubd84\uc11d\uc744\uc704\ud55c \uae30\uac04\uacfc \uc774\ub984\ub3c4 \uc9c0\uc815\ud569\ub2c8\ub2e4.Save\ub97c\ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3d3abe166794791c09_fukrvgjrhor1rtmrrmvq4mar_f3rdr2nqpbojb44aa5ipwcq-9bbq7ajpq085sroobeltpnw9rtdfah-a0pqoqthyqbj8ayaahikjioylj1gszmlfh_mhwlqowynrpaabjjkvoln-1.png\" alt=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ed%8e%98%ec%9d%b4%ec%9b%94%ec%83%9d%ec%84%b1%ed%95%98%ea%b8%b0\">\ud398\uc774\uc6d4\uc0dd\uc131\ud558\uae30<\/h2>\n\n\n\n<p>\uc774\uc81c\uc0ac\uc6a9\uc790\uc758 \ud504\ub9ac\ubbf8\uc5c4 \uae30\ub2a5 \uc811\uadfc\uc744 \uc81c\ud55c\ud558\uace0 \uad6c\ub3c5 \uc81c\uc548\uc744\ud45c\uc2dc\ud558\ub294 \ud654\uba74\uc778 \ud398\uc774\uc6d4\uc744 \ub514\uc790\uc778\ud574\uc57c \ud569\ub2c8\ub2e4.\uc0dd\uc131\ud55c\uc81c\ud488\uc744 \ud398\uc774\uc6d4\uc5d0 \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4.\uadf8\ub807\uac8c\ud558\ub824\uba74 \ub3d9\uc77c\ud55c \uc139\uc158\uc5d0\uc11c Createpaywall\uc744\ud074\ub9ad\ud569\ub2c8\ub2e4.(Products &amp; A\/B Tests \u2192 Paywalls)<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uadc0\ud558\uc640\t\uadc0\ud558\uc758 \ud300\uc774 \uc774\ub984\ub9cc \ubcf4\uace0 \uc5b4\ub5a4 \ud398\uc774\uc6d4\uc778\uc9c0 \uc27d\uac8c \uc54c\t\uc218 \uc788\ub294 \ud398\uc774\uc6d4 \uc774\ub984\uc744 \uc120\ud0dd\ud558\uc2ed\uc2dc\uc624.<\/li>\n\n\n\n<li>\ud398\uc774\uc6d4\tID\ub97c\t\uc0ac\uc6a9\ud558\uc5ec \uc571\uc5d0 \uc774 \ud398\uc774\uc6d4\uc744 \ud45c\uc2dc\ud569\ub2c8\ub2e4.\t\uc0d8\ud50c\t\uc571\uc758 \uacbd\uc6b0,\t&#8220;cats_paywall&#8221;\uc744\t\uc0ac\uc6a9\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/li>\n\n\n\n<li>\uc81c\ud488\t\ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \uad6c\ub3c5\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>Save &amp;publish\ub97c\ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3ddced150628dcbffb_uw2xexcu4rprox7_esl56chynz2mu1iqtae1xlweot55m7lqpugfjxtzp_kyg-vtawjwjhcpkmuno-ysa-i_el8xnv2v-6seczhpmdhy7xsswndb1_2kbuu9bfhqltew-h4yq5tj-1.png\" alt=\"\"><\/figure>\n\n\n\n<p>\uc774\ub807\uac8c\ud558\uba74 \ud658\uacbd \uc124\uc815\uc774 \ub429\ub2c8\ub2e4.\uc774\uc81c\uc885\uc18d\uc131\uc744 \ucd94\uac00\ud558\uace0 \ucf54\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"react-native-adapty-%ec%84%a4%ec%b9%98%ed%95%98%ea%b8%b0\">react-native-adapty \uc124\uce58\ud558\uae30<\/h2>\n\n\n\n<p>1. \uba3c\uc800\uc885\uc18d\uc131\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"yarn add react-native-adapty\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #D8DEE9FF\">yarn <\/span><span style=\"color: #A3BE8C\">add<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>2. iOS\ud3ec\ub4dc\ub97c\uc124\uce58\ud569\ub2c8\ub2e4.\uc544\uc9c1CLI \ud3ec\ub4dc\uac00\uc5c6\ub2e4\uba74 <a href=\"https:\/\/cocoapods.org\/\" target=\"_blank\" rel=\"noopener nofollow\">\ub2e4\uc6b4\ub85c\ub4dc<\/a>\ud558\uae30\ub97c\uac15\ub825\ud788 \ucd94\ucc9c\ud569\ub2c8\ub2e4.iOS \uac1c\ubc1c\uc5d0\uc11c\ud655\uc2e4\ud788 \ub9ce\uc774 \ud544\uc694\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"#pods get installed into the native iOS project, which, by default, is the \/ios folderpod install --project-directory=ios\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #616E88\">#pods get installed into the native iOS project, which, by default, is the \/ios folderpod install --project-directory=ios<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>3. iOS\ub9ac\uc561\ud2b8\ub124\uc774\ud2f0\ube0c \ud504\ub85c\uc81d\ud2b8\ub294 Obj-C\ub85c\uc791\uc131\ub418\uc5c8\uc73c\ubbc0\ub85c,Obj-C\uac00Swift\ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c\uc77d\uc744 \uc218 \uc788\ub3c4\ub85d SwiftBridging Header\ub97c\uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.\uadf8\ub807\uac8c\ud558\ub824\uba74 Xcode\ud504\ub85c\uc81d\ud2b8\ub97c\uc5f4\uace0 \uc0c8 Swift\ud30c\uc77c\uc744\uc0dd\uc131\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4.Xcode\ub294\ube0c\ub9ac\uc9d5 \ud5e4\ub354\ub97c \uc0dd\uc131\ud560 \uac83\uc778\uc9c0 \ubb3c\uc5b4\ubcf4\ub294\ub370,\ubc14\ub85c\uadf8\uac78 \ud558\ub824\ub294 \uac70\uc8e0.Create\uc744\ud074\ub9ad\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3da26af882142a7518_o2nycy3aeotxdr5m-bcojaezt3hnj-uzz_-1jim7k25r9bn2jedf-yhyvhgwx2qlequduyul0hwxxpjixeoe-8uyyqv2kwmydhcag9znmrignaptegex1ztzxa2nvppzyiqwwga0-1.png\" alt=\"\"><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/61dd2e3ef99ba01c6f90aa08_rldljwkg131iukgbpxmwbjwu5q0m-mhqxje3s9i1hljldxeau_b8ehfimaw2ttxqq-o3ztd2zrgzdwmjuqhr5pxcnokw0_9iblxynoakgsv1fcu8ci1hai5ia5bx31bisokijcvt-1.png\" alt=\"\"><\/figure>\n\n\n\n<p>4.Android\uc758\uacbd\uc6b0,\ud504\ub85c\uc81d\ud2b8(\uae30\ubcf8\uc801\uc73c\ub85c\/android\/build.gradle)\uac00\ubc84\uc804 1.4.0\uc774\uc0c1\uc758kotlin-gradle-plugin\uc744\uc0ac\uc6a9\ud558\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"... buildscript {    ... dependencies {      ... classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.0&quot;    }  } ...\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">buildscript<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">dependencies<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">classpath<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>5.Android\uc758\uacbd\uc6b0,\uc571\uc758\uad6c\uc131 \ud30c\uc77c (\uae30\ubcf8\uc801\uc73c\ub85c\/android\/app\/build.gradle)\uc5d0\uc11c\ucc3e\uc744 \uc218 \uc788\ub294 multiDex\ub97c\ud65c\uc131\ud654\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"...  android {    ... defaultConfig {      ... multiDexEnabled true    }  }\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9\">android<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">defaultConfig<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">...<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">multiDexEnabled<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">true<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc790,\uc774\uc81c\uc900\ube44\uac00 \ub05d\ub0ac\uace0 \ucf54\ub529\uc744 \uc2dc\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4!  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%95%b1%ec%97%90%ec%84%9c%ec%a0%9c%ed%92%88-%eb%aa%a9%eb%a1%9d-%ea%b2%80%ec%83%89%ed%95%98%ea%b8%b0\">\uc571\uc5d0\uc11c\uc81c\ud488 \ubaa9\ub85d \uac80\uc0c9\ud558\uae30<\/h2>\n\n\n\n<p><em>react-native-adapty<\/em>\uc544\ub798\uc5d0\uc11c\ub9ce\uc740 \uc77c\uc774 \uc77c\uc5b4\ub098\uace0 \uc788\uc2b5\ub2c8\ub2e4.\uc870\ub9cc\uac04\uc774\uac83\ub4e4\uc774 \ubc18\ub4dc\uc2dc \ud544\uc694\ud560 \uac83\uc774\ubbc0\ub85c,\ud50c\ub85c\uc6b0\uc758\uc2dc\uc791 \uc9c0\uc810\uc5d0\uc11c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ucd08\uae30\ud654\ud574\uc57c \ud569\ub2c8\ub2e4.\uc571\ucf54\ub4dc\uc5d0\uc11c \uac00\ub2a5\ud55c \ud55c \ub192\uc774 \uc774\ub3d9\ud558\uc5ec (App.tsx\uc5d0\uc11c\ub3c4\ubc14\ub85c \uc218\ud589\ud560 \uc218 \uc788\uc74c)\ucd08\uae30\ud654\ub97c\uc2dc\uc791\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ import the method import { activateAdapty } from 'react-native-adapty';  \/\/ We\u2019ve had this App component in our app\u2019s root const App: React.FC = () =&gt; {   ... \/\/ we\u2019re invoking it once in a root component on mount   useEffect(() =&gt; {     activateAdapty({ sdkKey: 'MY_PUBLIC_KEY' });   },[]);   ... }\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #616E88\">\/\/ import the method<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ We\u2019ve had this App component in our app\u2019s root<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">...<\/span><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ we\u2019re invoking it once in a root component on mount<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">useEffect<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">sdkKey<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">MY_PUBLIC_KEY<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\">[])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">...<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc5ec\uae30\uc5d0\uc11cMY_PUBLIC_KEY\ub97c\ub300\uc2dc\ubcf4\ub4dc \uc124\uc815\uc5d0 \uc788\ub294 \uacf5\uac1c SDK\ud0a4\ub85c\ubc14\uafb8\uc2ed\uc2dc\uc624.\uc0ac\uc2e4,activateAdapty() \uba54\uc18c\ub4dc\ub294\ud55c \ubc88 \uc774\uc0c1 \uadf8\ub9ac\uace0 \uc5ec\ub7ec \uacf3\uc5d0\uc11c \ud638\ucd9c\ub420 \uc218 \uc788\uc9c0\ub9cc,\uc6b0\ub9ac\ub294\uc774 \ub514\uc790\uc778\uc744 \uace0\uc218\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\uc81cAdapty\ub300\uc2dc\ubcf4\ub4dc\uc5d0\ucd94\uac00\ud55c \uc81c\ud488\uc744 \uac80\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"import { adapty } from 'react-native-adapty';  async function getProducts() { \tconst {paywalls, products} = await adapty.paywalls.getPaywalls();  \treturn products; }\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getProducts<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t<\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">products<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t<\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">products<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc774\uc81c\uc5f0\uc2b5\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\uc6b0\ub9ac\ub294\ud398\uc774\uc6d4\uc5d0\uc11c \uc81c\ud488\uc744 \uac80\uc0c9\ud558\uace0 \uad6c\ub9e4\ud560 \uc218 \uc788\ub294 \uc791\uc740 \uc571\uc744\ub9cc\ub4e4\uc5b4 \ubcfc \uac83\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%83%98%ed%94%8c%ec%95%b1\">\uc0d8\ud50c\uc571<\/h2>\n\n\n\n<p>\uae30\ubcf8\ub17c\ub9ac\uac00 \uc9c0\ub098\uce58\uac8c \ubcf5\uc7a1\ud574\uc9c0\uc9c0 \uc54a\ub3c4\ub85d \uc774 \uc815\ub3c4\ub85c \uc9e7\uac8c\uc720\uc9c0\ud558\uaca0\uc2b5\ub2c8\ub2e4.\ub610\ud55cTypeScript\ub85c\ucf54\ub529\ud558\uc5ec,\uc0ac\uc6a9\ub418\ub294\uc720\ud615\uacfc \uc704\uce58\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\ud14c\uc2a4\ud2b8\ub97c\uc704\ud574 iPhone8\uc744\uc0ac\uc6a9\ud558\uaca0\uc2b5\ub2c8\ub2e4.iOS 14\ubd80\ud130AppStore\ub294\uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c \uc2a4\ud1a0\uc5b4 \ud0a4\ud2b8 \uc0ac\uc6a9\uc744 \uae08\uc9c0\ud569\ub2c8\ub2e4.\ubb3c\ub9ac\uc801\uae30\uae30\ub97c \uc0ac\uc6a9\ud574\uc11c\ub9cc \ud14c\uc2a4\ud2b8\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"app-tsx%eb%a3%a8%ed%8a%b8%ec%bb%b4%ed%8f%ac%eb%84%8c%ed%8a%b8\">App.tsx\ub8e8\ud2b8\ucef4\ud3ec\ub10c\ud2b8<\/h3>\n\n\n\n<p>1. \uba3c\uc800,\ud398\uc774\uc6d4\ud45c\uc2dc \ubc84\ud2bc\uc774 \uc788\ub294 <em>App.tsx<\/em>\ub8e8\ud2b8\ucef4\ud3ec\ub10c\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.\uc6b0\ub9ac\ub294\uc774\ubbf8 <a href=\"https:\/\/github.com\/wix\/react-native-navigation\" target=\"_blank\" rel=\"noopener nofollow\">react-native-navigation<\/a>\uc744\ud1b5\ud574 \ub124\ube44\uac8c\uc774\uc158\uc744 \uad6c\uc131\ud588\uc2b5\ub2c8\ub2e4.\uacf5\uc2dd\ubb38\uc11c\uc5d0\uc11c \uad8c\uc7a5\ud558\ub294 react-navigation\uc635\uc158\ubcf4\ub2e4\ud6e8\uc52c \ub0ab\ub2e4\uace0 \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ubb38\uc81c<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"import React, { useEffect, useState } from &quot;react&quot;; import { Button, StyleSheet, View } from &quot;react-native&quot;; import { adapty, activateAdapty, AdaptyPaywall } from &quot;react-native-adapty&quot;;  export const App: React.FC = () =&gt; {   const [paywalls, setPaywalls] = useState&lt;AdaptyPaywall[]&gt;([]);    useEffect(() =&gt; {     async function fetchPaywalls(): Promise&lt;void&gt; {       await activateAdapty({ sdkKey: &quot;MY_PUBLIC_KEY&quot; });        const result = await adapty.paywalls.getPaywalls();       setPaywalls(result.paywalls);     }      fetchPaywalls();   }, []);    return (     &lt;View style={styles.container}&gt;       &lt;&#66;utton         title=&quot;Show the paywall&quot;         onPress={() =&gt; {           const paywall = paywalls.find(             (paywall) =&gt; paywall.developerId === &quot;cats_paywall&quot;           );            if (!paywall) {             return alert(&quot;There is no such paywall&quot;);           } \t\t\t\t\t\/\/ Switching to a paywall...         }}       \/&gt;     &lt;\/View&gt;   ); };  const styles = StyleSheet.create({   container: { flex: 1, alignItems: &quot;center&quot;, justifyContent: &quot;center&quot; }, });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">useEffect<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">useState<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Button<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">StyleSheet<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">adapty<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">activateAdapty<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">FC <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setPaywalls<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #D8DEE9FF\">AdaptyPaywall[]<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">([])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">useEffect<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #81A1C1\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">sdkKey<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">MY_PUBLIC_KEY<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #88C0D0\">setPaywalls<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\"> [])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #8FBCBB\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #81A1C1\">={<\/span><span style=\"color: #D8DEE9\">styles<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #81A1C1\">}&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #8FBCBB\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #8FBCBB\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Show the paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #8FBCBB\">onPress<\/span><span style=\"color: #81A1C1\">={<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">find<\/span><span style=\"color: #D8DEE9FF\">(<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">developerId<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">===<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cats_paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #81A1C1\">!<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">There is no such paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">\t\t\t\t\t<\/span><span style=\"color: #616E88\">\/\/ Switching to a paywall...<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #8FBCBB\">View<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">styles<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">create<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">container<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\ubb34\uc2a8\uc77c\uc774\uc8e0?\ub9c8\uc6b4\ud2b8\uc2dc,fetchPaywalls() \ud568\uc218\uac00\ud638\ucd9c\ub429\ub2c8\ub2e4.SDK\ub97c\ud65c\uc131\ud654\ud558\uace0 \ud398\uc774\uc6d4\uc744 \uc2a4\ud14c\uc774\ud2b8\uc5d0 \uc800\uc7a5\ud558\uc5ec,\uc0ac\uc6a9\uc790\uac00\ubc84\ud2bc\uc744 \ud0ed\ud55c \ud6c4 \uac00\uc838\uc624\uae30\ub97c \uae30\ub2e4\ub9b4 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.\uac89\uc73c\ub85c\ubcf4\uae30\uc5d0\ub294,\uc774\uc804\uc5d0\ub300\uc2dc\ubcf4\ub4dc\uc5d0\uc11c \ub514\uc790\uc778\ud55c \ud398\uc774\uc6d4\ub85c \uc0ac\uc6a9\uc790\ub97c \uc548\ub0b4\ud558\ub294\ubc84\ud2bc \ud558\ub098\ub9cc \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc0ac\uc2e4,\ud398\uc774\uc6d4\uc744\uc2a4\ud14c\uc774\ud2b8\uc5d0 \uc800\uc7a5\ud558\uc9c0 \uc54a\uace0 \ubc14\ub85c \uc5ec\uae30\uc5d0\uc11c \uac00\uc838\uc62c \uc218\uc788\uc2b5\ub2c8\ub2e4.\uae30\ubcf8\uc801\uc73c\ub85cadapty.paywalls.getPaywalls()\ub294(\uc2dc\uc791\ud560\ub54c \uce90\uc2dc\ud55c \ud6c4)\uce90\uc2dc\uc800\uc7a5\uc18c\uc5d0\uc11c \ud398\uc774\uc6d4\uc744 \uac00\uc838\uc624\uae30 \ub54c\ubb38\uc5d0,\uba54\uc18c\ub4dc\uac00\uc11c\ubc84\uc640 \ud1b5\uc2e0\ud560 \ub54c\uae4c\uc9c0 \uae30\ub2e4\ub9b4 \ud544\uc694\uac00 \uc5c6\ub2e4\ub294 \ub73b\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uacb0\uacfc\ub294\ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/6204a29f75f7812ed4df6508_react-native-tutorial-cropped-1.gif\" alt=\"react native in-app purchases tutorial payall\" width=\"239\" height=\"494\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"%ed%8e%98%ec%9d%b4%ec%9b%94%ec%bb%b4%ed%8f%ac%eb%84%8c%ed%8a%b8\">\ud398\uc774\uc6d4\ucef4\ud3ec\ub10c\ud2b8<\/h3>\n\n\n\n<p>2. \uac19\uc740\ud30c\uc77c\uc5d0 \ud398\uc774\uc6d4 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc791\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ there are more imports here import React, { useEffect, useState } from &quot;react&quot;; import {   Button,   SafeAreaView,   StyleSheet,   Text,   View,   PlatformColor, } from &quot;react-native&quot;; import {   adapty,   activateAdapty,   AdaptyPaywall,   AdaptyProduct, } from &quot;react-native-adapty&quot;; import { Navigation } from &quot;react-native-navigation&quot;;  \/\/ ...  interface PaywallProps {   paywall: AdaptyPaywall;   onRequestBuy: (product: AdaptyProduct) =&gt; void | Promise&lt;void&gt;; } export const Paywall: React.FC&lt;PaywallProps&gt; = ({ paywall, onRequestBuy }) =&gt; {   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(false);    return (     &lt;SafeAreaView style={styles.container}&gt;       {paywall.products.map((product) =&gt; (         &lt;View key={product.vendorProductId}&gt;           &lt;Text&gt;{product.localizedTitle}&lt;\/Text&gt;           &lt;&#66;utton             title={`Buy for \u0437\u0430 ${product.localizedPrice}`}             disabled={isLoading}             onPress={async () =&gt; {               try {                 setIsLoading(true);                 await onRequestBuy(product);               } catch (error) {                 alert(&quot;Error occured :(&quot;);               } finally {                 setIsLoading(false);               }             }}           \/&gt;         &lt;\/View&gt;       ))}     &lt;\/SafeAreaView&gt;   ); };  \/\/ A new key const styles = StyleSheet.create({   container: { flex: 1, alignItems: &quot;center&quot;, justifyContent: &quot;center&quot; },   paywallContainer: {     flex: 1,     alignItems: &quot;center&quot;,     justifyContent: &quot;space-evenly&quot;,     backgroundColor: PlatformColor(&quot;secondarySystemBackground&quot;),   }, });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #616E88\">\/\/ there are more imports here<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">React<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useEffect<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useState<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Button<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">PlatformColor<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">activateAdapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyPaywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-navigation<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ ...<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">interface<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">|<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">Paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">({<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">onRequestBuy<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">})<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsLoading<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">styles.<\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">products<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">map<\/span><span style=\"color: #D8DEE9FF\">((<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">key<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">vendorProductId<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          &lt;<\/span><span style=\"color: #8FBCBB\">Text<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">localizedTitle<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #A3BE8C\">Buy for \u0437\u0430 <\/span><span style=\"color: #ECEFF4\">${<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">localizedPrice<\/span><span style=\"color: #ECEFF4\">}`<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">disabled<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #88C0D0\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #8FBCBB\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">true<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #8FBCBB\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> catch (error) {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Error occured :(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">finally<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      ))<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ A new key<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">styles<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">create<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">paywallContainer<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">space-evenly<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">backgroundColor<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">PlatformColor<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">secondarySystemBackground<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc5ec\uae30\uc11c\ub294\ud398\uc774\uc6d4\uc758 \uc81c\ud488\uc744 \ub9e4\ud551\ud558\uace0 \uac01 \uc81c\ud488 \uc606\uc5d0 \uad6c\ub9e4 \ubc84\ud2bc\uc744\ud45c\uc2dc\ud558\uae30\ub9cc \ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"%ed%99%94%eb%a9%b4%eb%93%b1%eb%a1%9d%ed%95%98%ea%b8%b0\">\ud654\uba74\ub4f1\ub85d\ud558\uae30<\/h3>\n\n\n\n<p>3. \uc774\ud654\uba74\uc774 \uc5b4\ub5bb\uac8c \ub098\ud0c0\ub098\ub294\uc9c0 \ubcf4\uae30 \uc704\ud574,react-native-navigation\uc5d0\uc774 \ud654\uba74\uc744 \ub4f1\ub85d\ud574 \ubd05\uc2dc\ub2e4.\ub2e4\ub978\ub124\ube44\uac8c\uc774\uc158\uc744 \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0 \uc774 \ub2e8\uacc4\ub97c \uac74\ub108\ub701\ub2c8\ub2e4.\ub8e8\ud2b8<em>index.js<\/em>\ud30c\uc77c\uc740\ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"import &quot;react-native-gesture-handler&quot;; import { Navigation } from &quot;react-native-navigation&quot;;  import { App, Paywall } from &quot;.\/App&quot;;  Navigation.registerComponent(&quot;Home&quot;, () =&gt; App); Navigation.registerComponent(&quot;Paywall&quot;, () =&gt; Paywall);  Navigation.events().registerAppLaunchedListener(() =&gt; {   Navigation.setRoot({     root: { stack: { children: [{ component: { name: &quot;Home&quot; } }] } },   }); });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-gesture-handler<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-navigation<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">App<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Paywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">.\/App<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">registerComponent<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Home<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">App<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">registerComponent<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Paywall<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">events<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">registerAppLaunchedListener<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">setRoot<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">root<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">stack<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">children<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> [<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">component<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Home<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">] <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"display-the-paywall-%eb%b2%84%ed%8a%bc\">&#8220;Display the paywall&#8221; \ubc84\ud2bc<\/h3>\n\n\n\n<p>4. \uc774\uc81c&#8221;Display the paywall&#8221; \ubc84\ud2bc\uc5d0\uc791\uc5c5\uc744 \ud560\ub2f9\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4.\uc6b0\ub9ac\uc758\uacbd\uc6b0,\ub124\ube44\uac8c\uc774\uc158\uc744\ud1b5\ud574 \ubaa8\ub2ec\uc744 \ud45c\uc2dc\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"Navigation.showModal&lt;PaywallProps&gt;({     component: {       name: &quot;Paywall&quot;,       passProps: {         paywall,         onRequestBuy: async (product) =&gt; {           const purchase = await adapty.purchases.makePurchase(product);           \/\/ Doing everything we need           console.log(&quot;purchase&quot;, purchase);         },       },     },   });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">showModal<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">component<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">passProps<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">makePurchase<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">          <\/span><span style=\"color: #616E88\">\/\/ Doing everything we need<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">console<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">log<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">purchase<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc804\uccb4App.tsx\ud30c\uc77c:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"import React, { useEffect, useState } from &quot;react&quot;; import {   Button,   SafeAreaView,   StyleSheet,   Text,   View,   PlatformColor, } from &quot;react-native&quot;; import {   adapty,   activateAdapty,   AdaptyPaywall,   AdaptyProduct, } from &quot;react-native-adapty&quot;; import { Navigation } from &quot;react-native-navigation&quot;; export const App: React.FC = () =&gt; {   const [paywalls, setPaywalls] = useState&lt;AdaptyPaywall[]&gt;([]);   useEffect(() =&gt; {     async function fetchPaywalls(): Promise&lt;void&gt; {       await activateAdapty({         sdkKey: &quot;MY_PUBLIC_KEY&quot;,       });        const result = await adapty.paywalls.getPaywalls();       setPaywalls(result.paywalls);     }      fetchPaywalls();   }, []);    return (     &lt;View style={styles.container}&gt;       &lt;&#66;utton         title=&quot;Show paywall&quot;         onPress={() =&gt; {           const paywall = paywalls.find(             (paywall) =&gt; paywall.developerId === &quot;cats_paywall&quot;           );            if (!paywall) {             return alert(&quot;There is no such paywall&quot;);           }            Navigation.showModal&lt;PaywallProps&gt;({             component: {               name: &quot;Paywall&quot;,               passProps: {                 paywall,                 onRequestBuy: async (product) =&gt; {                   const purchase = await adapty.purchases.makePurchase(product);                   \/\/ Doing everything we need                   console.log(&quot;purchase&quot;, purchase);                 },               },             },           });         }}       \/&gt;     &lt;\/View&gt;   ); };  interface PaywallProps {   paywall: AdaptyPaywall;   onRequestBuy: (product: AdaptyProduct) =&gt; void | Promise&lt;void&gt;; } export const Paywall: React.FC&lt;PaywallProps&gt; = ({ paywall, onRequestBuy }) =&gt; {   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(false);    return (     &lt;SafeAreaView style={styles.paywallContainer}&gt;       {paywall.products.map((product) =&gt; (         &lt;View key={product.vendorProductId}&gt;           &lt;Text&gt;{product.localizedTitle}&lt;\/Text&gt;           &lt;&#66;utton             title={`Buy for ${product.localizedPrice}`}             disabled={isLoading}             onPress={async () =&gt; {               try {                 setIsLoading(true);                 await onRequestBuy(product);               } catch (error) {                 alert(&quot;Error occured :(&quot;);               } finally {                 setIsLoading(false);               }             }}           \/&gt;         &lt;\/View&gt;       ))}     &lt;\/SafeAreaView&gt;   ); };  const styles = StyleSheet.create({   container: { flex: 1, alignItems: &quot;center&quot;, justifyContent: &quot;center&quot; },   paywallContainer: {     flex: 1,     alignItems: &quot;center&quot;,     justifyContent: &quot;space-evenly&quot;,     backgroundColor: PlatformColor(&quot;secondarySystemBackground&quot;),   }, });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">React<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useEffect<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useState<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Button<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">PlatformColor<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">activateAdapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyPaywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-navigation<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setPaywalls<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #D8DEE9FF\">[]<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">([])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">useEffect<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">sdkKey<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">MY_PUBLIC_KEY<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #88C0D0\">setPaywalls<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\"> [])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">styles.<\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Show paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">() =&gt; {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          const <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">find<\/span><span style=\"color: #D8DEE9FF\">(<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">developerId<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">===<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cats_paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          );<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">!<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">There is no such paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          Navigation.showModal&lt;PaywallProps&gt;({<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">component<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #D8DEE9\">passProps<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">makePurchase<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">                  <\/span><span style=\"color: #616E88\">\/\/ Doing everything we need<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #D8DEE9\">console<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">log<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">purchase<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">interface<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">|<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">Paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">({<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">onRequestBuy<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">})<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsLoading<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">styles.<\/span><span style=\"color: #D8DEE9\">paywallContainer<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">products<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">map<\/span><span style=\"color: #D8DEE9FF\">((<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">key<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">vendorProductId<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          &lt;<\/span><span style=\"color: #8FBCBB\">Text<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">localizedTitle<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #A3BE8C\">Buy for <\/span><span style=\"color: #ECEFF4\">${<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">localizedPrice<\/span><span style=\"color: #ECEFF4\">}`<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">disabled<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #88C0D0\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #8FBCBB\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">true<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #8FBCBB\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> catch (error) {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Error occured :(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">finally<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      ))<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">styles<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">create<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">paywallContainer<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">space-evenly<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">backgroundColor<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">PlatformColor<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">secondarySystemBackground<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/adapty.io\/wp-content\/uploads\/2023\/03\/6203b7f5d4192527a3d05ac8_react-native-tutorial-2-cropped-1.gif\" alt=\"\"><\/figure><\/div>\n\n\n<p>\ub2e4\ub410\uc2b5\ub2c8\ub2e4!\uc774\uc81c\uc774\ub7ec\ud55c \ud398\uc774\uc6d4\uc744 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc0cc\ub4dc\ubc15\uc2a4(sandbox)\uc5d0\uc11ciOS \uad6c\ub3c5\uc744\ud14c\uc2a4\ud2b8\ud558\ub824\uba74,\uc790\uc2e0\ub9cc\uc758<a href=\"https:\/\/help.apple.com\/app-store-connect\/#\/dev8b997bee1\" target=\"_blank\" rel=\"noopener nofollow\">\uc0cc\ub4dc\ubc15\uc2a4\ud14c\uc2a4\ud130 \uacc4\uc815<\/a>\uc744\uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4.\uc0cc\ub4dc\ubc15\uc2a4\uad6c\ub3c5\uc740 \ud14c\uc2a4\ud2b8\ub97c \ub354 \uc27d\uac8c \ud558\uae30 \uc704\ud574 \uae08\ubc29 \ubb34\ud6a8\ud654\ub41c\ub2e4\ub294\uac83\uc744 \uae30\uc5b5\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.Android\uc758\uacbd\uc6b0 \ucd94\uac00 \uacc4\uc815\uc774 \ud544\uc694\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c\ud14c\uc2a4\ud2b8\ub97c \uc2e4\ud589\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%82%ac%ec%9a%a9%ec%9e%90%ec%97%90%ea%b2%8c%ed%99%9c%ec%84%b1-%ea%b5%ac%eb%8f%85%ec%9d%b4-%ec%9e%88%eb%8a%94%ec%a7%80-%ed%99%95%ec%9d%b8%ed%95%98%ea%b8%b0\">\uc0ac\uc6a9\uc790\uc5d0\uac8c\ud65c\uc131 \uad6c\ub3c5\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uae30<\/h2>\n\n\n\n<p>\ucd5c\uc885\uc0ac\uc6a9\uc790\uc5d0\uac8c \ud504\ub9ac\ubbf8\uc5c4 \ucf58\ud150\uce20\uc5d0 \ub300\ud55c \uc811\uadfc \uad8c\ud55c\uc744\ubd80\uc5ec\ud558\uae30 \uc704\ud574,\ud65c\uc131\uad6c\ub3c5 \ub370\uc774\ud130\ub97c \uc800\uc7a5\ud560 \uc704\uce58\ub97c \uacb0\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.Adapty\ub294\uc5ec\uae30\uc11c\ub3c4 \uc720\uc6a9\ud55c\ub370,\uc0ac\uc6a9\uc790\uc640\uad00\ub828\ub41c \ubaa8\ub4e0 \uad6c\ub9e4\ub97c \uc800\uc7a5\ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.\uc774\ub807\uac8c\ud569\uc2dc\ub2e4.\uc0ac\uc6a9\uc790\uac00\uad6c\ub3c5\uc774 \uc5c6\uc73c\uba74,\ud398\uc774\uc6d4\ubc84\ud2bc\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\uad6c\ub3c5\uc774\uc788\ub294 \uacbd\uc6b0,\uace0\uc591\uc774\uc0ac\uc9c4\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ud65c\uc131\uad6c\ub3c5 \ub370\uc774\ud130\ub294 \uc11c\ubc84 \ub610\ub294 \uce90\uc2dc \uc800\uc7a5\uc18c\uc5d0\uc11c \uac80\uc0c9\ub418\ubbc0\ub85c,\ub85c\ub354\uac00\ud544\uc694\ud569\ub2c8\ub2e4.\ub2e8\uc21c\ud654\ub97c\uc704\ud574 isLoading\ubc0fisPremium\uc0c1\ud0dc\ub97c\ucd94\uac00\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"\/\/ ... export const App: React.FC = () =&gt; { \tconst [isLoading, setIsLoading] = useState&lt;boolean&gt;(true); \tconst [isPremium, setIsPremium] = useState&lt;boolean&gt;(false);   const [paywalls, setPaywalls] = useState&lt;AdaptyPaywall[]&gt;([]);  \tuseEffect(() =&gt; {     async function fetchPaywalls(): Promise&lt;void&gt; {       try {         await activateAdapty({           sdkKey: &quot;MY_PUBLIC_KEY&quot;,         });          const profile = await adapty.purchases.getInfo();         const isSubscribed = profile.accessLevels.premium.isActive;         setIsPremium(isSubscribed);          if (!isSubscribed) {           const result = await adapty.paywalls.getPaywalls();           setPaywalls(result.paywalls);         }       } finally {         setIsLoading(false);       }     }      fetchPaywalls();   }, []);    \/\/ ... } \/\/ ...\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #616E88\">\/\/ ...<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t<\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsLoading<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">true<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t<\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isPremium<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsPremium<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setPaywalls<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #D8DEE9FF\">[]<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">([])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t<\/span><span style=\"color: #88C0D0\">useEffect<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">sdkKey<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">MY_PUBLIC_KEY<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">profile<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getInfo<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">profile<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">accessLevels<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">premium<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">isActive<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">setIsPremium<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #81A1C1\">!<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #88C0D0\">setPaywalls<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">finally<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\"> [])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ ...<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ ...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\ubcc0\uacbd\ub41c\uc0ac\ud56d\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.\uc2a4\ud14c\uc774\ud2b8\uc5d0\ud50c\ub798\uadf8 2\uac1c\ub97c\ucd94\uac00\ud588\uc2b5\ub2c8\ub2e4.\uc774\uc81c<em>fetchPaywalls()<\/em>\uc758\uc804\uccb4 \ub0b4\uc6a9\uc774 <em>try-catch<\/em>\ube14\ub7ed\uc5d0\uc2f8\uc5ec \uc788\uc5b4\uc11c,\uac00\ub2a5\ud55c\ubaa8\ub4e0 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c \ucf54\ub4dc\uac00 <em>setIsLoading(false)<\/em>\uc5d0\uc774\ub97c \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4.\uc0ac\uc6a9\uc790\uc5d0\uac8c\ud65c\uc131 \uad6c\ub3c5\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uae30 \uc704\ud574,(\ubaa8\ub4e0\uad6c\ub3c5 \ub370\uc774\ud130 \ud3ec\ud568\ud558\ub294)\uc0ac\uc6a9\uc790\ud504\ub85c\ud544\uc744 \uac80\uc0c9\ud558\uace0 <em>profile.accessLevels.premium.isActive<\/em>\uac12\uc744\ud655\uc778\ud569\ub2c8\ub2e4.\uc6d0\ud558\ub294\ub9cc\ud07c \ub9ce\uc740 \uc811\uadfc \uad8c\ud55c \uc218\uc900 (<em>accessLevels<\/em>)\uc744\uc0ac\uc6a9\ud560 \uc218 \uc788\uc9c0\ub9cc (\uae30\ubcf8\uc801\uc73c\ub85c\uace8\ub4dc \ub610\ub294 \ud504\ub9ac\ubbf8\uc5c4 \ub4f1\uc758 \uad6c\ub3c5 \uacc4\uce35),\uc9c0\uae08\uc740\uae30\ubcf8\uac12\uc744 \uc720\uc9c0\ud558\uaca0\uc2b5\ub2c8\ub2e4.Adapty\ub294\ud504\ub9ac\ubbf8\uc5c4 \uc811\uadfc \uad8c\ud55c \uc218\uc900\uc744 \uc790\ub3d9\uc73c\ub85c \uc0dd\uc131\ud558\uba70,\ub300\ubd80\ubd84\uc758\uc571\uc5d0\uc11c\ub294 \uc774\uac83\uc73c\ub85c \ucda9\ubd84\ud569\ub2c8\ub2e4.\uc774\uc811\uadfc \uad8c\ud55c \uc218\uc900\uc758 \ud65c\uc131 \uad6c\ub3c5\uc774 \uc788\ub294 \ub3d9\uc548 <em>isActive<\/em>\ub294<em>true<\/em>\ub85c\ub0a8\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc5ec\uae30\uc11c\ubd80\ud130\ub294\ubaa8\ub4e0 \uac83\uc774 \ub9e4\uc6b0 \uac04\ub2e8\ud569\ub2c8\ub2e4.\uc0ac\uc6a9\uc790\uac00\ud504\ub9ac\ubbf8\uc5c4 \ub4f1\uae09 \uad6c\ub3c5 \uc0c1\ud0dc\uc778 \uacbd\uc6b0,\ud398\uc774\uc6d4\uc744\uac00\uc838\uc62c \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4.\ub85c\ub354\ub97c\ube44\ud65c\uc131\ud654\ud558\uace0 \ucf58\ud150\uce20\ub97c \ud45c\uc2dc\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"export const App: React.FC = () =&gt; { \/\/ ... const renderContent = (): React.ReactNode =&gt; {   if (isLoading) {     return &lt;Text&gt;Loading...&lt;\/Text&gt;;   }    if (isPremium) {     return (       &lt;Image         source={{           url: &quot;https:\/\/25.media.tumblr.com\/tumblr_lugj06ZSgX1r4xjo2o1_500.gif&quot;,           width: Dimensions.get(&quot;window&quot;).width * 0.8,           height: Dimensions.get(&quot;window&quot;).height * 0.8,         }}       \/&gt;     );   }    return (     &lt;Button       title=&quot;Show paywall&quot;       onPress={() =&gt; {         const paywall = paywalls.find(           (paywall) =&gt; paywall.developerId === &quot;cats_paywall&quot;         );          if (!paywall) {           return alert(&quot;There is no such paywall&quot;);         }          Navigation.showModal&lt;PaywallProps&gt;({           component: {             name: &quot;Paywall&quot;,             passProps: { \t            paywall, \t\t          onRequestBuy: async (product) =&gt; { \t\t            const purchase = await adapty.purchases.makePurchase(product); \t              const isSubscribed = \t\t              purchase.purchaserInfo.accessLevels?.premium.isActive;                 setIsPremium(isSubscribed);                 Navigation.dismissAllModals();               },             },           },         });       }}     \/&gt;   ); };  return &lt;View style={styles.container}&gt;{renderContent()}&lt;\/View&gt;; };\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #616E88\">\/\/ ...<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">renderContent<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">ReactNode<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> &lt;<\/span><span style=\"color: #8FBCBB\">Text<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #D8DEE9\">Loading<\/span><span style=\"color: #81A1C1\">...&lt;\/<\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #81A1C1\">&gt;;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">isPremium<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Image<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">source<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">url<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/25.media.tumblr.com\/tumblr_lugj06ZSgX1r4xjo2o1_500.gif<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Dimensions<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">get<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">window<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0.8<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Dimensions<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">get<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">window<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">height<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0.8<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Show paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">() =&gt; {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        const <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">find<\/span><span style=\"color: #D8DEE9FF\">(<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">developerId<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">===<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cats_paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        );<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">!<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">There is no such paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        Navigation.showModal&lt;PaywallProps&gt;({<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">component<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">passProps<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t            <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t\t          <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t\t            <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">makePurchase<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t              <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">\t\t              <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchaserInfo<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">accessLevels<\/span><span style=\"color: #ECEFF4\">?.<\/span><span style=\"color: #D8DEE9\">premium<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">isActive<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsPremium<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">dismissAllModals<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> &lt;<\/span><span style=\"color: #8FBCBB\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #D8DEE9FF\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #8FBCBB\">styles<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">container<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #88C0D0\">renderContent<\/span><span style=\"color: #ECEFF4\">()}<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc5ec\uae30\uc5d0\uc11conRequestBuy\uc5d0\ub300\ud55c \uc77c\ubd80 \ub17c\ub9ac\uc640 \ucf58\ud150\uce20\ub97c \ub80c\ub354\ub9c1\ud558\ub294 \ud568\uc218\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.\uc989,isPremium\uc758\uc0c1\ud0dc\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uace0 \ubaa8\ub2ec\uc744 \ub2eb\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ucd5c\uc885\uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/giphy.com\/embed\/K4EMcO1DhFlV5mXMqU\" width=\"242\" height=\"480\" frameborder=\"0\" class=\"giphy-embed\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>\uc804\uccb4\ud30c\uc77c:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"\" style=\"font-size:.875rem;line-height:1.25rem\"><span role=\"button\" tabindex=\"0\" data-code=\"import React, { useEffect, useState } from &quot;react&quot;; import {   Button,   SafeAreaView,   StyleSheet,   Text,   View,   PlatformColor,   Image,   Dimensions, } from &quot;react-native&quot;; import {   adapty,   activateAdapty,   AdaptyPaywall,   AdaptyProduct, } from &quot;react-native-adapty&quot;; import { Navigation } from &quot;react-native-navigation&quot;;  export const App: React.FC = () =&gt; {   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(true);   const [isPremium, setIsPremium] = useState&lt;boolean&gt;(false);   const [paywalls, setPaywalls] = useState&lt;AdaptyPaywall[]&gt;([]);    useEffect(() =&gt; {     async function fetchPaywalls(): Promise&lt;void&gt; {       try {         await activateAdapty({           sdkKey: &quot;MY_PUBLIC_KEY&quot;,         });          const profile = await adapty.purchases.getInfo();         const isSubscribed = profile.accessLevels.premium.isActive;         setIsPremium(isSubscribed);          if (!isSubscribed) {           const result = await adapty.paywalls.getPaywalls();           setPaywalls(result.paywalls);         }       } finally {         setIsLoading(false);       }     }      fetchPaywalls();   }, []);    const renderContent = (): React.ReactNode =&gt; {     if (isLoading) {       return &lt;Text&gt;Loading...&lt;\/Text&gt;;     }      if (isPremium) {       return (         &lt;Image           source={{             uri: &quot;https:\/\/25.media.tumblr.com\/tumblr_lugj06ZSgX1r4xjo2o1_500.gif&quot;,             width: Dimensions.get(&quot;window&quot;).width * 0.8,             height: Dimensions.get(&quot;window&quot;).height * 0.8,           }}         \/&gt;       );     }      return (       &lt;&#66;utton         title=&quot;Show a paywall&quot;         onPress={() =&gt; {           const paywall = paywalls.find(             (paywall) =&gt; paywall.developerId === &quot;cats_paywall&quot;           );            if (!paywall) {             return alert(&quot;There is no such a paywall&quot;);           }            Navigation.showModal&lt;PaywallProps&gt;({             component: {               name: &quot;Paywall&quot;,               passProps: {                 paywall,                 onRequestBuy: async (product) =&gt; {                   const purchase = await adapty.purchases.makePurchase(product);                   const isSubscribed =                     purchase.purchaserInfo.accessLevels?.premium.isActive;                   setIsPremium(isSubscribed);                   Navigation.dismissAllModals();                 },               },             },           });         }}       \/&gt;     );   };    return &lt;View style={styles.container}&gt;{renderContent()}&lt;\/View&gt;; }; interface PaywallProps {   paywall: AdaptyPaywall;   onRequestBuy: (product: AdaptyProduct) =&gt; void | Promise&lt;void&gt;; } export const Paywall: React.FC&lt;PaywallProps&gt; = ({ paywall, onRequestBuy }) =&gt; {   const [isLoading, setIsLoading] = useState&lt;boolean&gt;(false);    return (     &lt;SafeAreaView style={styles.paywallContainer}&gt;       {paywall.products.map((product) =&gt; (         &lt;View key={product.vendorProductId}&gt;           &lt;Text&gt;{product.localizedTitle}&lt;\/Text&gt;           &lt;&#66;utton             title={`Buy for ${product.localizedPrice}`}             disabled={isLoading}             onPress={async () =&gt; {               try {                 setIsLoading(true);                 await onRequestBuy(product);               } catch (error) {                 alert(&quot;An error occured :(&quot;);               } finally {                 setIsLoading(false);               }             }}           \/&gt;         &lt;\/View&gt;       ))}     &lt;\/SafeAreaView&gt;   ); };  const styles = StyleSheet.create({   container: { flex: 1, alignItems: &quot;center&quot;, justifyContent: &quot;center&quot; },   paywallContainer: {     flex: 1,     alignItems: &quot;center&quot;,     justifyContent: &quot;space-evenly&quot;,     backgroundColor: PlatformColor(&quot;secondarySystemBackground&quot;),   }, });\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg  style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\"><code><span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">React<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useEffect<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">useState<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Button<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">PlatformColor<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Image<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">Dimensions<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">activateAdapty<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyPaywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-adapty<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">import<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">from<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">react-native-navigation<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">App<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsLoading<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">true<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isPremium<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsPremium<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setPaywalls<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #D8DEE9FF\">[]<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">([])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">useEffect<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">activateAdapty<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">sdkKey<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">MY_PUBLIC_KEY<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">profile<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getInfo<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">profile<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">accessLevels<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">premium<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">isActive<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">setIsPremium<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #81A1C1\">!<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #88C0D0\">setPaywalls<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">result<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">finally<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">fetchPaywalls<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><span style=\"color: #D8DEE9FF\"> [])<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">renderContent<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">ReactNode<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> &lt;<\/span><span style=\"color: #8FBCBB\">Text<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #D8DEE9\">Loading<\/span><span style=\"color: #81A1C1\">...&lt;\/<\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #81A1C1\">&gt;;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">isPremium<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Image<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #D8DEE9\">source<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">uri<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">https:\/\/25.media.tumblr.com\/tumblr_lugj06ZSgX1r4xjo2o1_500.gif<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Dimensions<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">get<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">window<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0.8<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Dimensions<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">get<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">window<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">height<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0.8<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Show a paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">() =&gt; {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          const <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywalls<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">find<\/span><span style=\"color: #D8DEE9FF\">(<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">developerId<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">===<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">cats_paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          );<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9FF\">!<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">There is no such a paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          Navigation.showModal&lt;PaywallProps&gt;({<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">component<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #D8DEE9\">name<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">Paywall<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #D8DEE9\">passProps<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">adapty<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchases<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">makePurchase<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                    <\/span><span style=\"color: #D8DEE9\">purchase<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">purchaserInfo<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">accessLevels<\/span><span style=\"color: #ECEFF4\">?.<\/span><span style=\"color: #D8DEE9\">premium<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">isActive<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #88C0D0\">setIsPremium<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">isSubscribed<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                  <\/span><span style=\"color: #D8DEE9\">Navigation<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">dismissAllModals<\/span><span style=\"color: #D8DEE9FF\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #ECEFF4\">}}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  }<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> &lt;<\/span><span style=\"color: #8FBCBB\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">style<\/span><span style=\"color: #D8DEE9FF\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #8FBCBB\">styles<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">container<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #88C0D0\">renderContent<\/span><span style=\"color: #ECEFF4\">()}<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">interface<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyPaywall<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">AdaptyProduct<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">|<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">Promise<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">void<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">export<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">Paywall<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">React<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">FC<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">PaywallProps<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">({<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">onRequestBuy<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">})<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">[<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">setIsLoading<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">useState<\/span><span style=\"color: #ECEFF4\">&lt;<\/span><span style=\"color: #8FBCBB\">boolean<\/span><span style=\"color: #ECEFF4\">&gt;<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">style<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">styles.<\/span><span style=\"color: #D8DEE9\">paywallContainer<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">paywall<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">products<\/span><span style=\"color: #D8DEE9FF\">.<\/span><span style=\"color: #D8DEE9\">map<\/span><span style=\"color: #D8DEE9FF\">((<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">key<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">vendorProductId<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          &lt;<\/span><span style=\"color: #8FBCBB\">Text<\/span><span style=\"color: #D8DEE9FF\">&gt;<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\">product.<\/span><span style=\"color: #D8DEE9\">localizedTitle<\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">Text<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">Button<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">title<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #ECEFF4\">`<\/span><span style=\"color: #A3BE8C\">Buy for <\/span><span style=\"color: #ECEFF4\">${<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">localizedPrice<\/span><span style=\"color: #ECEFF4\">}`<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">disabled<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9\">isLoading<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #D8DEE9\">onPress<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #88C0D0\">async<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #8FBCBB\">try<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">true<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #8FBCBB\">await<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">onRequestBuy<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">product<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> catch (error) {<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">An error occured :(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">finally<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #88C0D0\">setIsLoading<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #81A1C1\">false<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">\/&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">View<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">      ))<\/span><span style=\"color: #ECEFF4\">}<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">SafeAreaView<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  )<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #81A1C1\">;<\/span><\/span> <span class=\"line\"><\/span> <span class=\"line\"><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">styles<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">StyleSheet<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">create<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">container<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">paywallContainer<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">flex<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">alignItems<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">center<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">justifyContent<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">space-evenly<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">backgroundColor<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">PlatformColor<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">secondarySystemBackground<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">,<\/span><\/span> <span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">},<\/span><\/span> <span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%ec%a0%84%ec%b2%b4%ec%9a%94%ec%95%bd\">\uc804\uccb4\uc694\uc57d<\/h2>\n\n\n\n<p>\uc6b0\ub9ac\ub294\uba4b\uc9c0\uace0 \ub9e4\uc6b0 \uc720\uc6a9\ud55c \uad6c\ub3c5 \uc571\uc744 \uad6c\ucd95\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4.\uad6c\ub3c5\ub8cc\ub97c\ub0b4\ub294 \uc0ac\ub78c\ub4e4\uc740 \uace0\uc591\uc774\ub97c \ubcf4\uac8c \ub420 \uac83\uc774\uace0,\uadf8\uc678\uc5d0\ub294 \ub300\uc2e0 \ud398\uc774\uc6d4\uc744 \ubc1b\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.\uc774\uac00\uc774\ub4dc\ub97c \ud1b5\ud574 \uc571\uc5d0\uc11c \uc778\uc571 \uad6c\ub9e4\ub97c \uad6c\ud604\ud558\ub294 \ub370 \ud544\uc694\ud55c\ubaa8\ub4e0 \uac83\uc744 \ubc30\uc6e0\uc744 \uac83\uc785\ub2c8\ub2e4.\uc2a4\ud1a0\uc5b4\ud0a4\ud2b8\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uace0 \uc2f6\uc740 \ubd84\ub4e4\uc740,\uacc4\uc18d\uc8fc\ubaa9\ud558\uace0 \uacc4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\uac10\uc0ac\ud569\ub2c8\ub2e4!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ub9ac\uc561\ud2b8 \ub124\uc774\ud2f0\ube0c \ubaa8\ubc14\uc77c \uc571\uc6a9 \uc778\uc571 \uad6c\ub9e4\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \ube60\ub978 \ub2e8\uacc4\ubcc4 \uac00\uc774\ub4dc\uc785\ub2c8\ub2e4. \uc11c\ubc84 \uce21 \uc601\uc218\uc99d \uac80\uc99d\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4<\/p>\n","protected":false},"author":17,"featured_media":142546,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1004],"tags":[],"page-builder":[],"class_list":["post-138020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial-ko"],"acf":[],"_links":{"self":[{"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/posts\/138020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/comments?post=138020"}],"version-history":[{"count":0,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/posts\/138020\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/media\/142546"}],"wp:attachment":[{"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/media?parent=138020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/categories?post=138020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/tags?post=138020"},{"taxonomy":"page-builder","embeddable":true,"href":"https:\/\/adapty.io\/ko\/wp-json\/wp\/v2\/page-builder?post=138020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}