React Native Iconic: Thêm biểu tượng hoạt hình vào Ứng dụng React Native của bạn

ReactNative: Native Iconic (Android/iOS): Đã lạc hậu

Do hạn chế về thời gian, thư viện này đã bị lạc hậu và không được bảo trì nữa. Bạn vẫn có thể sử dụng thư viện này.

Nếu dự án này đã giúp bạn, vui lòng ủng hộ chúng tôi bằng một ngôi sao 🌟

React Native Bridge cho các thư viện native dưới đây:

iOS: VBFPopFlatButton

Nút phẳng với 21 trạng thái khác nhau và 2 loại có hoạt ảnh sử dụng pop.
Android: Android: balysv/material-menu

Biểu đồ Android biến hình, nút trở lại, loại bỏ và kiểm tra

Android: Android: zagum/Android-ExpandIcon

📖 Bắt đầu

$ npm install react-native-iconic --save

$ react-native link react-native-iconic

• Android

Vui lòng thêm đoạn mã sau vào tệp build.gradle của ứng dụng của bạn:

buildscript {
    repositories {
        jcenter()
        maven { url "https://maven.google.com" }
        maven { url "https://jitpack.io" }
        ...
    }
}

allprojects {
    repositories {
        mavenLocal()
        jcenter()
        maven { url "https://maven.google.com" }
        maven { url "https://jitpack.io" }
        ...
    }
}

iOS

• Sau khi react-native link react-native-iconic, vui lòng kiểm tra xem node_modules/react-native-iconic/ios/ có chứa thư mục Pods không. Nếu không tồn tại, vui lòng thực hiện lệnh pod install trong node_modules/react-native-iconic/ios/, nếu gặp lỗi nào đó => thử pod repo update sau đó pod install

💻 Sử dụng

import RNIconic from 'react-native-iconic';

// TODO: What to do with the module?
<RNIconic shape={shapes} tintColor={"#FFFFFF"} color={"#fc4426"} size={100} selection={0} disable={false} lineThickness={5} />

Hình dạng

iOS

• Thêm, Trừ, Đóng, Quay lại, Tiến, Menu, Tải xuống, Chia sẻ, DownBasic, UpBasic, Tạm dừng, Mũi tên xuống, Tam giác vuông phải, Tam giác vuông trái, Tam giác vuông trên, Tam giác vuông dưới, Ok, Lùi, Tiến nhanh, Hình vuông

Android

• BURGER, MŨI TÊN, X, KIỂM TRA
• DownBasic, UpBasic

💡 Thuộc tính

• Chung

• iOS

✨ Đối tác

• Thư viện iOS: VBFPopFlatButton cho việc triển khai trên iOS
• Thư viện Android: balysv/material-menu cho việc triển khai trên Android
• Thư viện Android: zagum/Android-ExpandIcon

🤔 Làm thế nào để đóng góp

Có ý tưởng? Phát hiện lỗi? Vui lòng gửi đóng góp tới ISSUES. Mọi đóng góp đều được hoan nghênh và đánh giá cao! Mọi chút gì cũng giúp ích, và luôn có sự công nhận.

💫 Thư viện này được sử dụng ở đâu?

Nếu bạn đang sử dụng thư viện này trong dự án của bạn, hãy thêm nó vào danh sách dưới đây. ✨

📜 Giấy phép

Thư viện này được cung cấp dưới Giấy phép Apache.

RNIconic @ prscX

💖 Ủng hộ các dự án của tôi

Tôi mở mã nguồn của hầu hết mọi thứ có thể, và tôi cố gắng trả lời mọi người cần sự trợ giúp bằng cách sử dụng những dự án này. Tất nhiên, điều này mất thời gian. Bạn có thể tích hợp và sử dụng các dự án này trong ứng dụng của bạn miễn phí! Bạn thậm chí có thể thay đổi mã nguồn và phân phối lại (thậm chí bán lại nó).

Tuy nhiên, nếu bạn có lợi nhuận từ điều này hoặc chỉ muốn khích lệ tôi tiếp tục sáng tạo, có một số cách bạn có thể làm điều đó:

Đánh dấu và chia sẻ các dự án bạn thích 🚀

Nếu bạn cảm thấy rất lòng từ thiện, vui lòng theo dõi prscX trên GitHub.

❤️

• prscX.github.io

Chi tiết tải về:

Tác giả: prscX
Nguồn: https://github.com/prscX/react-native-iconic

Giấy phép: Apache-2.0 license