{"id":331,"date":"2025-09-17T06:03:38","date_gmt":"2025-09-17T06:03:38","guid":{"rendered":"https:\/\/blog.chaiyakul.com\/?p=331"},"modified":"2025-09-17T06:03:38","modified_gmt":"2025-09-17T06:03:38","slug":"create-react-native-ver-0-81","status":"publish","type":"post","link":"https:\/\/blog.chaiyakul.com\/index.php\/2025\/09\/17\/create-react-native-ver-0-81\/","title":{"rendered":"\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04 React Native \u0e14\u0e49\u0e27\u0e22\u0e40\u0e27\u0e2d\u0e23\u0e0a\u0e31\u0e48\u0e19 0.81"},"content":{"rendered":"\n<p>1. \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 React Native CLI (\u0e16\u0e49\u0e32\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07)<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpm install -g react-native-cli\n<\/pre><\/div>\n\n\n<p>2. \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04\u0e43\u0e2b\u0e21\u0e48<\/p>\n\n\n\n<p>React Native 0.81 \u0e43\u0e0a\u0e49 <code>react-native init<\/code> \u0e41\u0e1a\u0e1a\u0e1b\u0e01\u0e15\u0e34:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpx react-native init &#x5B;\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04] --version 0.81.0\n<\/pre><\/div>\n\n\n<p>\u0e2b\u0e23\u0e37\u0e2d<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpx @react-native-community\/cli init &#x5B;\u0e0a\u0e37\u0e48\u0e2d\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04] --version 0.81.1\n<\/pre><\/div>\n\n\n<p>3. Clean \u0e41\u0e25\u0e30 Build \u0e43\u0e2b\u0e21\u0e48<\/p>\n\n\n\n<p>\u0e08\u0e32\u0e01\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c <code>android<\/code>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\ncd android\n.\/gradlew clean\ncd ..\nnpx react-native run-android\n<\/pre><\/div>\n\n\n<p><u><strong>\u0e16\u0e49\u0e32\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e02\u0e36\u0e49\u0e19 make sure you are running metro<\/strong><\/u><\/p>\n\n\n\n<p>\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 <strong>\u201cMake sure you are running Metro\u201d<\/strong> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07 <strong>React Native \u0e44\u0e21\u0e48\u0e40\u0e08\u0e2d JavaScript Bundle server (Metro Bundler)<\/strong> \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e23\u0e31\u0e19\u0e41\u0e2d\u0e1b<\/p>\n\n\n\n<p>1. \u0e40\u0e23\u0e34\u0e48\u0e21 Metro Bundler \u0e01\u0e48\u0e2d\u0e19<\/p>\n\n\n\n<p>\u0e08\u0e32\u0e01\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04 \u0e23\u0e31\u0e19\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpx react-native start\n<\/pre><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>\u0e08\u0e30\u0e40\u0e1b\u0e34\u0e14 Metro Bundler \u0e17\u0e35\u0e48\u0e1e\u0e2d\u0e23\u0e4c\u0e15 <strong>8081<\/strong><\/li>\n\n\n\n<li>\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e31\u0e19\u0e04\u0e49\u0e32\u0e07\u0e44\u0e27\u0e49 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e41\u0e2d\u0e1b Android \u0e08\u0e30\u0e42\u0e2b\u0e25\u0e14 JS \u0e08\u0e32\u0e01 Metro<\/li>\n<\/ul>\n\n\n\n<p>2. \u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07 Terminal \u0e2d\u0e37\u0e48\u0e19 \u0e23\u0e31\u0e19\u0e41\u0e2d\u0e1b Android<\/p>\n\n\n\n<p>\u0e08\u0e32\u0e01\u0e42\u0e1f\u0e25\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e04 :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpx react-native run-android\n<\/pre><\/div>\n\n\n<p>\u0e41\u0e2d\u0e1b\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e49\u0e27\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a Metro<\/p>\n\n\n\n<p>3. \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\/Emulator<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e04\u0e2d\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e22\u0e39\u0e48 <strong>\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19<\/strong> \u0e16\u0e49\u0e32\u0e40\u0e1b\u0e47\u0e19 Android Device \u0e08\u0e23\u0e34\u0e07<\/li>\n\n\n\n<li>\u0e16\u0e49\u0e32\u0e43\u0e0a\u0e49 Emulator \u0e1b\u0e01\u0e15\u0e34 Metro \u0e08\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/li>\n<\/ul>\n\n\n\n<p>4. \u0e40\u0e04\u0e25\u0e47\u0e14\u0e25\u0e31\u0e1a\u0e16\u0e49\u0e32\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21<\/p>\n\n\n\n<p>\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15 Cache Metro Bundler:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nnpx react-native start --reset-cache\n<\/pre><\/div>\n\n\n<p>\u0e16\u0e49\u0e32\u0e43\u0e0a\u0e49\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e23\u0e34\u0e07 \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a <strong>Debug server host &amp; port<\/strong> \u0e43\u0e19\u0e40\u0e21\u0e19\u0e39 Developer Menu \u0e02\u0e2d\u0e07\u0e41\u0e2d\u0e1b:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0e01\u0e14 <strong>Shake device<\/strong> \u0e2b\u0e23\u0e37\u0e2d <strong>Menu > Dev Settings > Debug server host &amp; port<\/strong><\/li>\n\n\n\n<li>\u0e43\u0e2a\u0e48 <code>YOUR_PC_IP:8081<\/code><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 React Native CLI (\u0e16\u0e49\u0e32\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07) 2. \u0e2a\u0e23 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[102,4],"tags":[],"class_list":["post-331","post","type-post","status-publish","format-standard","hentry","category-android","category-react-native"],"_links":{"self":[{"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/posts\/331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":1,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/posts\/331\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/posts\/331\/revisions\/332"}],"wp:attachment":[{"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/media?parent=331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/categories?post=331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.chaiyakul.com\/index.php\/wp-json\/wp\/v2\/tags?post=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}