Xin chào mọi người lại là mình đây. Chả là vừa rồi dự án có tính năng liên quan tới register và login SNS thì hôm nay mình cũng xin mạn phép lên đây để chia sẽ chút kiến thức mình tìm hiểu được. Trong bài blog lần này mình sẽ tập trung chia sẽ với mọi người xoay quanh các SNS phổ biến như: Facebook, Google, Line, Twitter, Apple,... Mọi người thấy đúng thì nhận còn sai cứ cãi cho mình có thêm kinh nghiệm nhé. Let's goooo. I. Các bước để thêm tính năng login/register SNS cho ... »
Chào mọi người, tiếp tục với seri React-Native thì hôm nay mình sẽ mang đến cho các bạn một State Management Library đang làm mưa làm gió trong cộng đồng ReactJS. Chắc hẳn nhiều bạn sẽ tự hỏi, cái thư viện này là gì, tên thì nghe lạ hoắc. Thì cũng phải thôi nè, bộ đôi React Redux là một cái gì đó quá nổi tiếng và là lựa chọn của đa số lập trình viên. Nhưng cũng có nhiều thư viện khác cũng rất hay ho và thú vị cho chúng ta cùng nghiên cứu và áp dụng vào ... »
Chào các bạn, scan credit card hiện nay là một chức năng đã rất quen thuộc với chúng ta. Trong các ứng dụng của nhiều ngân hàng, các tổ chức về tài chính đã đưa chức năng này thành một trong những tính năng nổi bật và tạo điểm nhấn cho ứng dụng của họ, nhờ đó tạo sự tiện lợi cho khách hàng. Vậy nếu như bạn đang sử dụng React-Native để build dự án thì chúng ta sẽ xử lý chức năng này như thế nào?. Sau đây mình sẽ giới thiệu cho các bạn một SDK cũng ... »
Chào các bạn, là mình đây, một dân quèn trong làng code Mobile, hôm nay mình sẽ đưa đến cho các bạn một chủ đề hấp dẫn ^^. Các bạn đã từng nghĩ app mobile viết bằng React-Native của các bạn có thể được nhúng vào một app Android Native chưa. Nếu chưa thì chúc mừng các bạn, điều đó có thể xảy ra với bài viết này của mình. Let get it!! Đầu tiên thì sự chuẩn bị là rất cần thiết, chúng ta sẽ làm bước cơ bản là có 1 app mobile React-Native và 1 app mobile Android ... »
Những thay đổi chính trong react navigation v6: React navigation v6 vẫn sẽ giữ lại hầu hết các core APIs từ version 5. Chúng ta hãy cùng đi qua những thay đổi mới trong v6 nhé. I. Những điểm mới 1. Navigators linh hoạt hơn Bây giờ Navigators cho phép chúng ta customize nhiều options như là 1 props. Có nghĩa là chúng ta sẽ không thể tùy chỉnh chúng dựa trên active screen. Để có thể sử dụng, chúng ta cần chuyển các props này sang các option mà ta có thể điều chỉnh và thêm vào các Screen. ... »
Bài viết này sẽ chia sẻ cách thêm một font mới vào project viết bằng React Native. Bước 1: Chọn font Down một font tuỳ thích về máy. Font mình down về có tên như sau: Bước 2: Check "postscript name" Cần check postscript name của font đã down về. Vì sao cần phải check? Vì nếu bạn giữ nguyên tên ban đầu như Vacaciones-font-ffp-defharo dùng cho thuộc tính fontFamily trong style thì có thể sẽ không chạy. Hơn nữa, cách đọc tên font bên android sẽ khác với bên ios. Mình sẽ nói rõ hơn bằng ví ... »
Trong quá trình phát triển phần mềm quá trình nâng cấp phiên bản framework, thư viện là nỗi sợ của người phát triển. Vấn đề break change, không tương thích giữa các library, package, framework, ... sinh ra nhiều bug trong phần mềm. Dù rất e dè nhưng đôi lúc chúng ta buộc phải nâng cấp. Với React Native việc nâng cấp cần thêm một ít kỳ công vì nó chứa cả native source của cả ios và android. Trước khi bắt đầu Bài viết này dành cho React Native được tạo bằng react-native init. Chắc chắn bạn có kiến thức ... »
1. Khái niệm Flex Khi component khai báo Flex = 1, thì component đó sẽ có kích thước full đầy component cha đang chứa nó. Ví dụ <View style={{flex:1,backgroundColor:black}}> <View style={{flex:1,backgroundColor:red}}></View> <View style={{flex:2,backgroundColor:blue}}></View> </View> View trên ta khai báo flex = 1 => View này sẽ có kích thước full màn hình của thiết bị 2 View còn lại có flex = 1 và flex = 2 là 2 View con. Vì thế View cha màu đen sẽ ... »
