React Native

Question

React code to React Native konumuna dönüştürmek için radyo düğmesi nasıl uygulanır. Bu yüzden radyo butonlarını kullanmam lazım.

Answer 1

neye ihtiyacınız bazılarını yapabilirsiniz react-native-radio-buttons adında bir tepki-yerli bileşen vardır:

Answer 2

Gerçekten kolayca sadece barebones RN kullanılarak bir radyo düğmesi taklit edebilir. İşte kullandığım basit bir uygulama. Tweak boyutu, istediğiniz gibi renkler vb. Bu (farklı bir renk tonu ve bazı metin ile) gibi görünüyor. Bir şey yapan bir düğmeye dönüştürmek için üstüne TouchableOpacity ekleyin.

function RadioButton(props) { 
    return (
     <View style={[{ 
     height: 24, 
     width: 24, 
     borderRadius: 12, 
     borderWidth: 2, 
     borderColor: '#000', 
     alignItems: 'center', 
     justifyContent: 'center', 
     }, props.style]}> 
     { 
      props.selected ? 
      <View style={{ 
       height: 12, 
       width: 12, 
       borderRadius: 6, 
       backgroundColor: '#000', 
      }}/> 
      : null 
     } 
     </View> 
); 
}