react-native-card-media
Thành phần Phương tiện Thẻ cho React Native. Cũng hỗ trợ giao diện hình ảnh đa dạng.
đơn & đôi
ba & bốn
năm
Cài Đặt
npm install react-native-card-media --save
Ví Dụ
Sử Dụng
const files5 = [
`${path}kids_play_640.jpeg`,
`${path}road_640.jpg`,
`${path}women_640.jpeg`,
`${path}sea_kids_640.jpeg`,
`${path}temple_640.jpeg`,
];
<CardMedia
files={files5}
style={{ height: 200 }}
title="Title"
showTitle={false}
titleStyle={{ fontSize: 24, fontWeight: '400', lineHeight: 32, color: '#fafafa' }}
onPress={(fileIndex) => this.onPress(fileIndex)}
imageIconView={this.renderImageIconView}
imageCountStyle={{ fontSize: 20, fontWeight: '500', lineHeight: 28, color: '#fafafa' }}
imageTouchable={false}
/>
Props
| Thuộc tính | Mô tả | Kiểu | Mặc định |
|---|---|---|---|
| files | Danh sách phương tiện | Mảng | Yêu cầu |
| style | Kiểu CardView | Đối tượng Kiểu Giao Diện | không xác định |
| title | Văn bản Tiêu đề hiển thị ở phần dưới của thẻ | Chuỗi | không xác định |
| showTitle | Tiêu đề được hiển thị hay không | Boolean | true |
| titleStyle | Kiểu tiêu đề | Đối tượng Kiểu Giao Diện | không xác định |
| onPress | Hành động được gọi khi nhấp vào thẻ | ||
| bạn có thể truyền chỉ số tệp như đối số | Hàm | không xác định | |
| imageIconView | Biểu tượng được hiển thị gần tiêu đề | Thành phần | không xác định |
| imageCountStyle | Kiểu biểu tượng | Đối tượng Kiểu Giao Diện | không xác định |
| imageTouchable | Hình ảnh trong thẻ có thể nhấp được hay không | Boolean | true |
Chi Tiết Tải Xuống:
Tác Giả: dondoko-susumu
Nguồn: https://github.com/dondoko-susumu/react-native-card-media
Giấy Phép: MIT license
Cảm ơn bạn!
