{"id":1224,"date":"2021-04-03T23:17:12","date_gmt":"2021-04-03T23:17:12","guid":{"rendered":"https:\/\/fluentreports.com\/blog\/?p=1224"},"modified":"2021-04-03T23:17:14","modified_gmt":"2021-04-03T23:17:14","slug":"nativescript-8-released","status":"publish","type":"post","link":"https:\/\/fluentreports.com\/blog\/?p=1224","title":{"rendered":"NativeScript 8 Released"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><a href=\"https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2021\/04\/ns-80.png\"><img loading=\"lazy\" decoding=\"async\" width=\"395\" height=\"394\" src=\"https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2021\/04\/ns-80.png\" alt=\"\" class=\"wp-image-1225\" srcset=\"https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2021\/04\/ns-80.png 395w, https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2021\/04\/ns-80-300x300.png 300w, https:\/\/fluentreports.com\/blog\/wp-content\/uploads\/2021\/04\/ns-80-150x150.png 150w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/a><figcaption>NS 8.0<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Been a while since I posted; but I figured I need to get a post out on this one.   There was a lot of cool things that went into NS 8.   The best item is that overall your code in NS 7 should work as-is in NS 8.   <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are a couple minor exceptions. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. If you are using <code>&lt;strong&gt;Tabs&lt;\/strong&gt;<\/code> or <code>&lt;strong&gt;BottomNavigation&lt;\/strong&gt;<\/code> you will want to install the <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/github.com\/nativescript-community\/ui-material-components\/tree\/master\/packages\/bottom-navigation\">@nativescript-community\/ui-material-bottom-navigation<\/a> <br>and\/or<\/li><li><a href=\"https:\/\/github.com\/nativescript-community\/ui-material-components\/tree\/master\/packages\/tabs\">@nativescript-community\/ui-material-tabs<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">As we have depreciated and removed them from NS 8 because the community version are a much better versions and it eliminates conflicts between the cocoapod we were including by default and the cocoapod that the ui-material group of components is using.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. In NativeScript prior to NS 8 when using Alpha, we were using #AARRGGBB for colors, we have finally become consistent to the web and now colors are #RRGGBBAA, so any CSS has to be adjusted to be in the new format.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New major features:<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Webpack 5 support, which is considerably faster, with very simple and easily extended configurations.<\/li><li>First class a11y support!<\/li><li>New <code>RootLayout<\/code> (This is very cool!)<\/li><li>Apple m1 support<\/li><li>CSS Box &amp; Text Shadow support<\/li><li>New <code>ns migrate<\/code> command<\/li><li>@nativescript\/debug-ios - Cool run time debugging for iOS <\/li><li>@nativescript\/apple-pay - Apple Pay Support<\/li><li>@nativescript\/google-pay - Google Pay support<\/li><li>All New Website and new Docs!<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Been a while since I posted; but I figured I need to get a post out on this one. There was a lot of cool things that went into NS 8. The best item is that overall your code in NS 7 should work as-is in NS 8. There are a couple minor exceptions. 1.&hellip; <a class=\"more-link\" href=\"https:\/\/fluentreports.com\/blog\/?p=1224\">Continue reading <span class=\"screen-reader-text\">NativeScript 8 Released<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1224","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1224"}],"version-history":[{"count":1,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1224\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1224\/revisions\/1226"}],"wp:attachment":[{"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentreports.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}