Saya menggunakan react-native-simple-radio-button Moschan dan mengalami kesulitan untuk menonaktifkan beberapa tombol radio. Saya telah mencoba meneruskan parameter item disabled dengan nilai true atau 1 tetapi tidak berhasil, masih dapat dipilih.

Sumber:

radio_props = [
    { value: 1, label: 'one', disabled: true },
    { value: 2, label: 'two' },
    { value: 3, label: 'three', disabled: true },
];

Komponen:

import RadioForm from 'react-native-simple-radio-button';

...
<RadioForm
    radio_props={radio_props}
    initial={-1}
    buttonColor={'#169976'}
    selectedButtonColor={'#169976'}
    buttonSize={12}
    buttonOuterSize={25}
    onPress={(value) => { this.setState({ value:value }); }}
  />
...

Ada ide untuk mengatasi ini? Tolong saran.

0
Jeaf Gilbert 28 Oktober 2019, 10:16

1 menjawab

Anda dapat meneruskan props yang dinonaktifkan ke RadioButtonLabel dan RadioButtonInput. Jika dinonaktifkan, fungsi onPress tidak akan dipanggil. Misalnya, Anda dapat melakukan sesuatu seperti

<RadioButton>
  <RadioButtonInput
      {...otherRadioButtonInputProps}
      disabled={shouldDisable}
      buttonInnerColor={shouldDisable ? '#EEE' : '#000'}
      buttonOuterColor={shouldDisable ? '#EEE' : '#000'}
  />
  <RadioButtonLabel
      {...otherRadioButtonLabelProps}
      disabled={shouldDisable}
  />
</RadioButton>
1
Jeaf Gilbert 28 Oktober 2019, 07:56