React Native 自定义radio 单选or多选

最新推荐文章于 2024-07-18 10:06:45 发布

乌云乌云_快走开

最新推荐文章于 2024-07-18 10:06:45 发布

阅读量708

点赞数

分类专栏： React Native 文章标签： react native 自定义Radio 组件

本文链接：https://blog.csdn.net/weixin_39330484/article/details/86630115

版权

本文介绍如何在React Native中创建自定义的单选和多选Radio组件，详细讲解了实现过程。

摘要由CSDN通过智能技术生成

React Native 自定义radio 单选or多选

//自定义 radio

import React, {
    PureComponent } from 'react';
import PropTypes from 'prop-types';
import {
    View, Text, StyleSheet, TouchableOpacity, Image, Dimensions } from 'react-native';
import uniq from 'lodash/uniq';
import includes from 'lodash/includes';
import difference from 'lodash/difference';

const selected = require('../images/programme/radioSelect.png')
const unselected = require('../images/programme/radioUnSelect.png')

export default class CustomRadio extends PureComponent {
   
  handleSelect = (option, index) => {
   
    const {
    onSelect, type, value } = this.props
    const valueAfterSelected = toggleValue(option, type, value)

    onSelect && onSelect(valueAfterSelected