{"id":7208,"date":"2020-12-01T00:33:00","date_gmt":"2020-12-01T00:33:00","guid":{"rendered":"https:\/\/tapchicntt.com\/?p=7208"},"modified":"2020-12-01T03:18:12","modified_gmt":"2020-12-01T03:18:12","slug":"gioi-thieu-flutter","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/gioi-thieu-flutter\/","title":{"rendered":"B\u00e0i 1: Gi\u1edbi thi\u1ec7u Flutter"},"content":{"rendered":"\n

Flutter l\u00e0 g\u00ec?<\/strong><\/h3>\n\n\n\n

Flutter l\u00e0 mobile UI framework c\u1ee7a Google \u0111\u1ec3 t\u1ea1o ra c\u00e1c giao di\u1ec7n native ch\u1ea5t l\u01b0\u1ee3ng cao tr\u00ean iOS v\u00e0 Android trong kho\u1ea3ng th\u1eddi gian ng\u1eafn. Flutter ho\u1ea1t \u0111\u1ed9ng v\u1edbi source code c\u00f3 s\u1eb5n, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng b\u1edfi c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 c\u00e1c t\u1ed5 ch\u1ee9c tr\u00ean kh\u1eafp th\u1ebf gi\u1edbi, \u0111\u1ed3ng th\u1eddi n\u00f3 open-source v\u00e0 mi\u1ec5n ph\u00ed<\/p>\n\n\n\n

T\u1ea1i sao n\u00ean s\u1eed d\u1ee5ng Flutter?<\/strong><\/h3>\n\n\n\n

Ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng nhanh ch\u00f3ng:<\/strong> T\u00ednh n\u0103ng hot reload c\u1ee7a Flutter gi\u00fap b\u1ea1n nhanh ch\u00f3ng v\u00e0 d\u1ec5 d\u00e0ng th\u1eed nghi\u1ec7m, x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng, th\u00eam t\u00ednh n\u0103ng v\u00e0 s\u1eeda l\u1ed7i nhanh h\u01a1n. Tr\u1ea3i nghi\u1ec7m t\u1ea3i l\u1ea1i l\u1ea7n th\u1ee9 hai, m\u00e0 kh\u00f4ng l\u00e0m m\u1ea5t tr\u1ea1ng th\u00e1i, tr\u00ean emulator, simulator v\u00e0 device cho iOS v\u00e0 Android.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

UI \u0111\u1eb9p v\u00e0 bi\u1ec3u c\u1ea3m:<\/strong> Th\u1ecfa m\u00e3n ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n v\u1edbi c\u00e1c widget built-in \u0111\u1eb9p m\u1eaft c\u1ee7a Flutter theo Material Design v\u00e0 Cupertino (iOS-flavor), c\u00e1c API chuy\u1ec3n \u0111\u1ed9ng phong ph\u00fa, scroll t\u1ef1 nhi\u00ean m\u01b0\u1ee3t m\u00e0 v\u00e0 t\u1ef1 nh\u1eadn th\u1ee9c \u0111\u01b0\u1ee3c n\u1ec1n t\u1ea3ng.<\/p>\n\n\n\n

Framework hi\u1ec7n \u0111\u1ea1i v\u00e0 reactive:<\/strong> D\u1ec5 d\u00e0ng t\u1ea1o giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n v\u1edbi framework hi\u1ec7n \u0111\u1ea1i, reactive c\u1ee7a Flutter v\u00e0 t\u1eadp h\u1ee3p c\u00e1c platform, layout v\u00e0 widget phong ph\u00fa. Gi\u1ea3i quy\u1ebft c\u00e1c th\u00e1ch th\u1ee9c giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng kh\u00f3 kh\u0103n c\u1ee7a b\u1ea1n v\u1edbi c\u00e1c API m\u1ea1nh m\u1ebd v\u00e0 linh ho\u1ea1t cho 2D, animation, gesture, hi\u1ec7u \u1ee9ng v\u00e0 h\u01a1n th\u1ebf n\u1eefa.<\/p>\n\n\n\n

Truy c\u1eadp c\u00e1c t\u00ednh n\u0103ng v\u00e0 SDK native:<\/strong> L\u00e0m cho \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n tr\u1edf n\u00ean s\u1ed1ng \u0111\u1ed9ng v\u1edbi API c\u1ee7a platform, SDK c\u1ee7a b\u00ean th\u1ee9 ba v\u00e0 native code. Flutter cho ph\u00e9p b\u1ea1n s\u1eed d\u1ee5ng l\u1ea1i m\u00e3 Java, Swift v\u00e0 ObjC hi\u1ec7n t\u1ea1i c\u1ee7a m\u00ecnh v\u00e0 truy c\u1eadp c\u00e1c t\u00ednh n\u0103ng v\u00e0 SDK native tr\u00ean iOS v\u00e0 Android.<\/p>\n\n\n\n

Ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng th\u1ed1ng nh\u1ea5t: Flutter<\/strong> c\u00f3 c\u00e1c c\u00f4ng c\u1ee5 v\u00e0 th\u01b0 vi\u1ec7n \u0111\u1ec3 gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng \u0111\u01b0a \u00fd t\u01b0\u1edfng c\u1ee7a m\u00ecnh v\u00e0o cu\u1ed9c s\u1ed1ng tr\u00ean iOS v\u00e0 Android. N\u1ebfu b\u1ea1n ch\u01b0a c\u00f3 kinh nghi\u1ec7m ph\u00e1t tri\u1ec3n tr\u00ean thi\u1ebft b\u1ecb di \u0111\u1ed9ng, th\u00ec Flutter l\u00e0 m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng v\u00e0 nhanh ch\u00f3ng \u0111\u1ec3 x\u00e2y d\u1ef1ng c\u00e1c \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng tuy\u1ec7t \u0111\u1eb9p. N\u1ebfu b\u1ea1n l\u00e0 m\u1ed9t nh\u00e0 ph\u00e1t tri\u1ec3n iOS ho\u1eb7c Android c\u00f3 kinh nghi\u1ec7m, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng Flutter cho c\u00e1c View c\u1ee7a b\u1ea1n v\u00e0 t\u1eadn d\u1ee5ng nhi\u1ec1u code Java \/ Kotlin \/ ObjC \/ Swift hi\u1ec7n c\u00f3 c\u1ee7a b\u1ea1n.<\/p>\n","protected":false},"excerpt":{"rendered":"

Flutter l\u00e0 g\u00ec? Flutter l\u00e0 mobile UI framework c\u1ee7a Google \u0111\u1ec3 t\u1ea1o ra c\u00e1c giao di\u1ec7n native ch\u1ea5t l\u01b0\u1ee3ng cao […]<\/p>\n","protected":false},"author":6,"featured_media":7210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[214],"tags":[],"class_list":["post-7208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter"],"views":670,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/7208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=7208"}],"version-history":[{"count":3,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/7208\/revisions"}],"predecessor-version":[{"id":7212,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/7208\/revisions\/7212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/7210"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=7208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=7208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=7208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}