react-native-animated-check-mark
Mục đích
Một thành phần nhỏ của React cho việc biến đổi dấu chéo theo cách hoạt hình.
Các Nền tảng Được Hỗ trợ
- iOS
- Android
Cài đặt
$ npm i react-native-animated-check-mark --save
Sử dụng Cơ bản
-
Trước hết, cài đặt
react-native
$ npm i react-native -g
-
Khởi tạo một dự án React Native
$ react-native init myproject
-
Sau đó, chỉnh sửa
myproject/index.ios.js
, như sau:import React, { Component } from ‘react’;
import {
AppRegistry,
StyleSheet,
View,
} from ‘react-native’;import CrossMarker from ‘react-native-animated-check-mark’;
export default class myproject extends Component {
render() {
return (
console.log(‘To Cross’)}
onCrossPress={() => console.log(‘To Mark’)}
/>
);
}
}const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
backgroundColor: ‘#F5FCFF’,
},
});AppRegistry.registerComponent(‘myproject’, () => myproject);
Bản Demo
Thuộc tính
Thuộc tính | Mặc định | Loại | Mô tả |
---|---|---|---|
Màu sắc | #000 | string |
Đặt màu sắc của các đường |
Trễ | 500 | number |
Đặt thời gian biến đổi (milliseconds) |
Chiều cao | 30 | number |
Đặt chiều cao của đường |
Chiều rộng | 4 | number |
Đặt chiều rộng của đường |
onCrossPress | – | function |
kích hoạt khi thành phần ở chế độ kiểm động được chạm |
onMarkPress | – | function |
kích hoạt khi thành phần ở chế độ đánh dấu được chạm |
Lưu Ý Phát hành
Phiên bản 0.0.2
- Phiên bản phát hành.
Liên hệ Với Chúng Tôi
Bạn luôn có thể liên hệ với chúng tôi qua github@applikey.biz. Chúng tôi sẵn sàng tiếp nhận mọi yêu cầu liên quan đến thư viện và các điều khiển của chúng tôi, các dự án mã nguồn mở mới và các cách khác để đóng góp cho cộng đồng. Nếu bạn đã sử dụng thành phần của chúng tôi trong dự án của bạn, chúng tôi sẽ rất vui nếu bạn viết cho chúng tôi phản hồi của bạn và cho chúng tôi biết về điều đó!
Giấy Phép
Giấy phép MIT (MIT)
Bản quyền © 2017 Giải pháp Applikey
Giấy phép được cấp miễn phí cho bất kỳ người nào thu thập được một bản sao của phần mềm này và các tệp tài liệu kèm theo (gọi là “Phần mềm”) để sử dụng, sao chép, sửa đổi, kết hợp, xuất bản, phân phối, cấp phép con và/hoặc bán bản sao của Phần mềm, và để cho phép những người mà Phần mềm được cung cấp đối với việc làm như vậy, tuân theo các điều kiện sau đây:
Lưu ý về bản quyền trên và giấy phép này phải được bao gồm trong tất cả các bản sao hoặc phần lớn của Phần mềm.
PHẦN MỀM ĐƯỢC CUNG CẤP “NHƯ VẬY”, KHÔNG BẢO HÀNH BẤT KỲ LOẠI NÀO, THỂ HIỆN HOẶC NGỤ Ý, BAO GỒM NHƯNG KHÔNG GIỚI HẠN ĐỐI VỚI BẢO HÀNH VỀ CHẤT LƯỢNG HÀNG HÓA, ĐỐI VỚI MỤC ĐÍCH CỤ THỂ VÀ KHÔNG VI PHẠM. TRONG BẤT KỲ TRƯỜNG HỢP NÀO, TÁC GIẢ HOẶC CHỦ SỞ HỮU BẢN QUYỀN ĐỀU KHÔNG CHỊU TRÁCH NHIỆM ĐỐI VỚI BẤT KỲ YÊU CẦU, THIỆT HẠI HOẶC TRÁCH NHIỆM PHÁP LÝ NÀO KHÁC, PHÁT SINH TỪ, HOẶC LIÊN QUAN ĐẾN PHẦN MỀM HOẶC VIỆC SỬ DỤNG HOẶC CÁC GIAO DỊCH KHÁC LIÊN QUAN ĐẾN PHẦN MỀM.
Chi tiết Tải về:
Tác giả: AppliKeySolutions
Nguồn: https://github.com/AppliKeySolutions/RocketButton
Giấy phép: MIT license