react-native-radio-form v1.1.0

react-native-radio-form

react-native-radio-form is a simple Radio’s form, it’s a pure JS's component and it could used for the Android and iOS

Installation

npm install react-native-radio-form --save

Note: The radio-form is based on ECMAScript6, if you use React Native < v0.13, maybe it don't run

Usage

import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import RadioForm from 'react-native-radio-form';
const mockData = [
    {
        label: 'label1',
        value: 'fi'
    },
    {
        label: 'label2',
        value: 'se'
    },
    {
        label: 'label3',
        value: 'th'
    }
];

export default class PRNRadioForm extends Component {

    _onSelect = ( item ) => {
      console.log(item);
    };

  render() {
    return (
      <View style={styles.container}>
        <View style={{ marginVertical: 10 }} >
          <RadioForm
              style={{ width: 350 - 30 }}
              dataSource={mockData}
              itemShowKey="label"
              itemRealKey="value"
              circleSize={16}
              initial={1}
              formHorizontal={true}
              labelHorizontal={true}
              onPress={(item) => this._onSelect(item)}
          />
        </View>
      </View>
    );
  }
}

Properties

Licence

(MIT)