KHi nào thì tôi nên sử dụng Key Để hiểu về key mình có ví dụ sau. Cho 2 stateless Titles, mỗi Titles có một màu được được tạo random. Trong Row và StatefulWidget sẽ gọi Positionedkey để lưu vị trí của title. Tôi thực hiện ấn nút FloatingActionButton sẽ thực hiện swap vị trí của chúng trong list. Code : class PositionedKey extends StatefulWidget { @override State<StatefulWidget> createState() =>...
Happy New Year Flutter
Giới thiệu Ở phần trước mình giới thiệu về GetConnect, và hướng dẫn cách sử dụng GetConnect để handle các api request. Ở phần này mình sẽ giới thiệu component mới trong Getx là GetService Để có thể hiểu nội dung của bài viết này bắt buộc các bạn phả đọc thêm về GetX ở các bài dưới đây: -Get - Make Flutter easy (Part 1) Get - Make Flutter easy (Part 2) GetX - Flutter - Multiple language support with...
Happy New Year Flutter flutterroute getservice getx
Khi mới bắt đầu làm việc với các API trong Flutter, việc phân tích cú pháp JSON thực sự đã khiến tôi phải vật lộn rất nhiều. Và tôi chắc chắn, nó làm rất nhiều bạn mới bắt đầu cũng rơi vào hoàn cảnh như vậy. Ở bài viết này, tôi sẽ giới thiệu cho các bạn một số cách làm việc với json trong Flutter. Ở đây tôi sẽ sử dụng thư viện dart: convert. Đây là phương pháp phân tích cú pháp...
Happy New Year Flutter JSON
Bài viết được dịch từ bài Flutter: SchedulerBinding vs WidgetsBinding của Jitesh Mohite Đây là một kiến thức khá khó khó vì bạn sẽ không tìm thấy lời giải thích nào tại trang document của Flutter. Vì vậy tôi sẽ chia sẻ một vài kinh nghiệm của bản thân để giúp bạn phần nào phân biệt được chúng Hiện tại có tồn tại 3 loại callback dùng để render widget Transient callback: Được trigger bởi...
Flutter
Chào các bạn, chắc mọi người đều biết admob của Google rồi nhỉ còn đối với các bạn chưa biết thì đây là một công cụ của Google giúp mình có thể thêm các loại quảng cáo vào trong app của mình. Các loại ads mà Google hỗ trợ: Banner ad. Interstials ad. Rewarded interestitial ad. Rewarded. Native advanced. App open. Trong phạm vi bài viết này mình sẽ nói về Banner ad trước, những loại còn lại sẽ có...
Happy New Year Flutter Google Admob
ListView trong Flutter là một danh sách tuyến tính gồm các item có thể cuộn được (scrollable) - tương tự với ListView hoặc RecyclerView bên Android. Chúng ta có thể sử dụng nó để tạo danh sách các đối tượng có thể cuộn được hoặc danh sách các đối tượng lặp lại. Khám phá các loại ListView Chúng ta sẽ bắt đâu bằng việc xem xét các loại ListView, sau đó xem xét các tính năng khác và sửa đổi...
Flutter ScrollPhysics ListView
Cloud Firestore Cloud Firestore là một cơ sở dữ liệu linh hoạt, có thể mở rộng để phát triển thiết bị di động, web và máy chủ từ Firebase và Google Cloud. Giống như Cơ sở dữ liệu thời gian thực Firebase, nó giữ cho dữ liệu của bạn đồng bộ hóa trên các ứng dụng máy khách thông qua trình nghe thời gian thực và cung cấp hỗ trợ ngoại tuyến cho thiết bị di động và web để bạn có thể xây...
Firebase Flutter Cloud Firestore
1. Sau khi create project Flutter bằng Android Studio, thì mở thư mục ios run pod init và pod install để tạo pod , sau đó thêm đoạn code sau vào để setting pod : # Uncomment this line to define a global platform for your project platform :ios, '11.0' # CocoaPods analytics sends network stats synchronously affecting flutter build latency. ENV['COCOAPODS_DISABLE_STATS'] = 'true' project 'Runner', { 'Debug' => :debug, 'Profile' => :release, 'Release' =>...
Flutter May Fest Build
Gần đây tôi có cơ hội được tham gia xây dựng ứng dụng Flutter có bao gồm chức năng login. Trong bài viết này, tôi xin chia sẻ cách setup để có thể sign in Google trên ứung dụng Flutter: Trước khi vài bài viết, bạn có thể tham khảo hướng dẫn setup tại doc của Flutter tại link này. Đăng kí ứng dụng trên Firebase Chắc hẳn bạn đã nghe nói tới khá nhiều về thuật ngữ Firebase. Firebase là một nền...
Happy New Year Flutter account google
Nguồn Từ bản phát hành Dart 2.6, các nhà phát triển Flutter đã ra mắt một tính năng thú vị đó là Extension. Ta hãy đi tìm hiểu nó. Set up Dart 2.6 Có thể khi đọc bài viết này, Dart 2.6 đã sẵn sàng cho việc phát hành chính thức. Nếu thế thì thật tuyệt. Còn nếu không thì bạn hãy tự cài đặt bằng tay nhé. pubspec.yaml environment: sdk: '>=2.6.0 <3.0.0' Lí do dùng Extension? Hầu như mọi ngôn ngữ nào...
Flutter Dart Action Extensions
Soure Trong hướng dẫn này, Quokka sẽ giới thiệu về ba hình thức Dependency Injection trong Flutter: InheritedWidgets, get_it và provider. Trước khi làm điều đó, ta sẽ định nghĩa DI là gì? Định nghĩa DI là cách thực hiện các đoạn code để cung cấp các Object của bạn cho các Object khác mà chúng phụ thuộc vào. Hãy xem xét một ví dụ về sự phụ thuộc (dependency) là gì: class LoginService { Api api; } Ở trên...
Dependency Injection Flutter Flutter Provider InheritedWidget
Nếu bạn chưa quen với việc phát triển Flutter thì bạn phải tìm hiểu kỹ về các cấu trúc lồng vào nhau, mức độ khó khăn để thêm hoặc xóa các widget con ở giữa mã hay mức độ khó tìm nơi một widget con kết thúc và một widget con khác bắt đầu. Sau đó, bạn dành cả ngày để khớp các dấu ngoặc mở với dấu đóng của chúng. Chúng tôi đã mất thời gian để tìm ra các phím tắt, nhưng có thể...
Flutter ide
Dạo gần đây mình nhận thấy Flutter ngày càng phổ biển và có khá nhiều bạn gặp khó khăn khi lần đầu tiếp cận và làm quen nó. Thì để giúp các bạn cảm thấy dễ dàng hơn thì mình sẽ “chia sẻ” lại kinh nghiệm và hiểu biết của mình về Flutter. Vì sao lại là “chia sẻ” mà không phải là những từ ngữ khác ? Vì mình khá non trong Flutter mới tầm khoản 1 năm kinh nghiệm về nó nên kiến...
#AppMobile Flutter Fresher/New Dev
Thông thường, các ứng dụng Flutter đã có performant tốt theo mặc định, bạn chỉ cần tránh những lỗi phổ biến sau để giữ được hiệu suất đó. Kiểm soát hàm build của bạn Tránh công việc tính toán lặp đi lặp lại và các tốn kém trong hàm build Vì phương thức build có thể được gọi thường xuyên khi các ancestor Widget của nó rebuild lại. Bạn có thể tạo 1 biến để lưu lại kết quả tính...
Flutter
Trong đồ họa máy tính, hành động giới hạn kết xuất cho một khu vực cụ thể được gọi là Clipping. Một vùng clip được cung cấp cho Canvas nên công cụ kết xuất sẽ chỉ “vẽ” các pixel bên trong vùng đã xác định. Không có gì "được sơn" bên ngoài khu vực đó sẽ được hiển thị. Là nhà phát triển, chúng ta sử dụng clipping để tạo giao diện người dùng tùy chỉnh tuyệt đẹp với...
Flutter Clipping
Đặt bạn vào vị trí này nhé. Nếu bạn là giám đốc điều hành cực kỳ thông minh và có năng lực và làm việc cho một doanh nghiệp mới. Rõ ràng nhiệm vụ của bạn là tối đa hóa doanh số bán hàng trong khi bạn phải điều phối để giảm thiểu chi phí. "Hmmm." Bạn nghĩ. "Tôi thực sự có thể làm tăng doanh số bán hàng nếu tôi cung cấp sản phẩm của chúng tôi trên Web." Vì vậy,...
Flutter Flutter Animation Flutter Blog Flutter app
I) Introduction (important) Hiện nay cỏ vẻ như Flutter đang là chủ đề hot được bàn tán mọi người nhỉ, hắn cứ như là Tùng Sơn bỗng sau 1 đêm phất lên nổi tiếng như Sơn Tùng vậy, nhưng hắn còn đáng mong đợi hơn cả thế, nhờ vào ngôn ngữ Dart mà hắn như diều gặp gió, từ cục đá thô hoá thành cục sắt, sau một thời gian ngắn, hắn còn đánh bại được đàn anh React Native về lượt star trên...
Flutter
Làm thế nào để làm nó. Thông thường, ứng dụng của bạn trông giống như sau: void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Flutter Demo', theme: new ThemeData( primarySwatch: Colors.blue, ), home: new MyHomePage(title: 'Flutter Demo Home Page'), ); } } Nếu bạn muốn thay đổi chủ đề của ứng dụng...
Flutter Theme dark theme
Như bài trước mình cũng đã nói sơ về StatelessWidget và StatefulWidget thì hôm nay mình sẽ nói về vòng đời (LifeCycle) của StatefulWidget và StatelessWidget và không dài dòng như phần trước mình sẽ vào thẳng chủ đề chính. StatelessWidget Như bài trước StatelessWidget là 1 Widget tĩnh không có trạng thái (State) vì thế nó sẽ không chấp nhận có sự thay đổi bên trong nên vòng đời nó khá ngắn gọn như...
#AppMobile Flutter Fresher/new tester
Khi bắt đầu tìm hiểu sâu về Asynchronous và Isolate trong Dart có rất nhiều bạn đang bị nhầm lẫn giữa 2 khái niệm đồng thời (concurrency) và song song (paralleism) trong Dart. Để có thể hiểu rõ hơn về 2 khái niệm này thì trước tiên chúng ta phải làm rõ 1 số các khái niệm cơ bản về Dart như sau : Dart is a Single Threaded language Dart là 1 ngôn ngữ đơn luồng cho nên Dart thực hiện từng tác vụ một,...
Flutter concurrency Multithread async Parallel