React Native Multiple-Choice Component

react-native-multiple-choice

Một thành phần React Native đơn và đa lựa chọn đa nền tảng (iOS / Android).

Cài đặt

npm i react-native-multiple-choice --save

Sử dụng

Dưới đây là một cái nhìn tổng quan về cách sử dụng thành phần.

<MultipleChoice
    options={[
    'Lorem ipsum dolor sit',
    'Lorem ipsum',
    'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
    'Lorem ipsum dolor sit amet, consetetur',
    'Lorem ipsum dolor'
    ]}
    selectedOptions={['Lorem ipsum']}
    maxSelectedOptions={2}
    onSelection={(option)=>alert(option + ' was selected!')}
/>

Thuộc tính

• style - {} kiểu tùy chỉnh cho danh sách
• optionStyle - {} kiểu tùy chỉnh cho phần tử lựa chọn
• options - [] mảng bắt buộc các lựa chọn
• selectedOptions - [] mảng tùy chọn của các lựa chọn được chọn ban đầu
• maxSelectedOptions - int số lượng tối đa tùy chọn có thể chọn
• onSelection - function(option){} callback khi chọn tùy chọn
• renderIndicator - function(option) nên trả về một nút chỉ thị đã chọn / bỏ chọn, mặc định: hình dấu check
• renderSeparator - function(option) nên trả về một nút ngăn cách được hiển thị giữa các tùy chọn, mặc định: đường xám
• renderText - function(option) nên trả về một nút văn bản, mặc định: nút văn bản
• renderRow - function(option) nên trả về một tùy chọn xem
• disabled - bool nếu được đặt thành true, thành phần bị vô hiệu hóa và không thể tương tác

Ảnh chụp màn hình

Thông tin tải xuống:

Tác giả: d-a-n
Nguồn: https://github.com/d-a-n/react-native-multiple-choice

Giấy phép: MIT license