Add icon và font trong react native
react native
10
White

GNOD viết ngày 15/07/2020

Dưới đây là một số hướng dẫn để làm app đẹp hơn :smile:

Add icon

Mình sử dụng ui kit React Native Elements, cần gõ 2 lệnh sau để cài đặt và link:
alt text
Sau đó đơn giản chỉ cần add vào project như sau:
alt text

Thêm các font khác vào app

Trên ios mình thấy hỗ trợ khá nhiều font, tuy nhiên trên android chỉ hỗ trợ vài font cơ bản, do đó nếu muốn app đẹp và bắt mắt hơn thì cần phải thêm các font khác, có thể tham khảo web này để download các font các bạn thích: dafont

Sau khi tải font về, các bạn tạo thư mục {forderProject}\assets\fonts và copy font vào, tương tự vào thư mục {forderProject}\android\app\src\main\assets\fonts copy font đó vào. Tiếp đến thêm dòng config bên dưới vào file package.json:

"rnpm": { 
    "assets": [ "./assets/fonts/" ] 
}

Sau đó chạy lệnh react-native link để link các thay đổi và cuối cùng vào code để thay đổi font mà các bạn đã add :laughing:

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

GNOD

4 bài viết.
0 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
3 0
Lỗi khi hiển thị ảnh svg sử dụng thư viện flutter_svg Một vài ảnh svg khi chèn vào sẽ bị một số lỗi liên quan đến định dạng trong file svg, sử dụn...
GNOD viết 4 tháng trước
3 0
Bài viết liên quan
White
0 0
Perf monitor giúp theo dõi fps của ứng dụng, khi kích hoạt sẽ hiển thị bảng như bên dưới (Ảnh) Để kích hoạt, trong Command Prompt gõ lệnh: adb sh...
GNOD viết 5 tháng trước
0 0
White
1 0
React Native Neact Native là gì? React Native là một framework do công ty công nghệ nổi tiếng Facebook phát triển nhằm mục đích giải quyết bài to...
NHD-Zoro viết 6 tháng trước
1 0
White
1 1
Chú ý: Bài viết phù hợp với các bạn đã biết về React Native. Bài viết dựa trên kinh nghiệm còn hạn chế của bản thân, có cách nào giải quyến vấn ...
Lộc lv viết 2 tháng trước
1 1
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
4 bài viết.
0 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!