How can I change the renderIndicator ?
Maybe is something super easy but I can't make it work.

How do i set min Seletected in this component?

please help! i got that error

Attached screenshot with inspector.
The tab view is react-native-tab-view by satya164:
https://github.com/react-native-community/react-native-tab-view

When starting to scroll, the list appears as usual.
RN 0.29.2.

Tried changing ScrollView to View, same behavior.

code:

            <View>
                <ScrollView>
                    <MultipleChoice
                        ref="Subjects"
                        options={this.state.subjects}
                        selectedOptions={this.state.checked}
                        onSelection={(option)=>console.log(option + ' was selected!')}
                    />
                </ScrollView>
            </View>

Update: tried also to add contentInset and automaticallyAdjustContentInsets to ListView, didn't seem to work.

Hi,

I have a screen in which i have other components and also react-native-multiple-choice i have given fixed height as i don't want it to increase the screen height all wrapped in scrollview. The screen works perfectly on ios and i am able to scroll whole screen as well as the react-native-multiple-choice but same code doesn't work on android.

Following is the code please check and let me know if i am doing anything wrong or missing anything:

<ScrollView
      showsVerticalScrollIndicator={false}
      ref="scroll" >
        <TouchableWithoutFeedback onPress={dismissKeyboard}>
          <View>
            <View style={[ComponentStyles.componentMargins, ComponentStyles.topMargin]}>
              <Text style={[ComponentStyles.headerText]}>Please tell us about your music teaching experience. {'\n'}How many years have you been teaching for ?</Text>
              <View>
                <View style={[ComponentStyles.marginSmallTopBottom,{flexDirection:'row', alignItems:'center', justifyContent:'space-between',}]}>
    		<Text style={[ComponentStyles.headerText]}>
    		Years
    		</Text>
    		<View>
    		{expYearsComponent}
    		</View>
    		</View>
              </View>
            </View>
            <Separator/>
            <View style={[ComponentStyles.componentMargins, ComponentStyles.topMargin]}>
              <Text style={[ComponentStyles.headerText]}>Have you worked at any educational Institute?</Text>
              <View style={[ComponentStyles.topMargin, ComponentStyles.bottomMargin,{flexDirection:'row'}]}>
                <View style={[{flexDirection: 'row', alignItems: 'center',}]}>
                  <MKRadioButton
                    checked={this.state.workedAtInstitute}
                    rippleDuration={100}
                    group={this.taughtAtInstituteRadioGroup}
                    onCheckedChange={this.onRadioCheckedChange.bind(this) }/>
                  <Text style={[ComponentStyles.contentText]}>Yes</Text>
                </View>
                <View style={[ComponentStyles.marginSmallRightLeft,{flexDirection: 'row', alignItems: 'center',}]}>
                  <MKRadioButton
                  checked = {!this.state.workedAtInstitute}
                  rippleDuration={100}
                  group={this.taughtAtInstituteRadioGroup}/>
                  <Text style={[ComponentStyles.contentText]}>No</Text>
                </View>
              </View>
            </View>
            <Separator/>
            <View style={[ComponentStyles.componentMargins,ComponentStyles.topMargin, ComponentStyles.bottomMargin]}>
              <Text style={[ComponentStyles.headerText]}>In what languages can you teach ?</Text>              
                <MultipleChoice
                  style={[{flex:1, height:300}]}
                  options={languagesList}
                  selectedOptions={this.state.languages}
                  maxSelectedOptions={0}
                  onSelection={this.onLanguageSelection.bind(this) }
                  />             
            </View>
            <Separator/>

            <View style={[
              ComponentStyles.componentMargin,
              ComponentStyles.marginLargeTopBottom,
              {flexDirection: 'row', justifyContent: 'center',}]}>
              <View style={[{marginRight:8}]}>
                {cancelButton}
              </View>
              <View>
                {saveButton}
              </View>
            </View>
            <Spinner overlayColor="rgba(255,255,255, 0.45)" color="#ED1C24" visible={this.props.spinnerVisibilityObject.spinnerVisible && this.props.spinnerVisibilityObject.spinnerType === SpinnerTypes.SAVE_TEACHER_PREFERENCES}/>
          </View>
        </TouchableWithoutFeedback>

      </ScrollView>

When using multiple instances of the component with same values, then they are synchronised, so checking value a in instance, means it's also checked in instance b.

Hi Guys, when i setState on selection it works properly but the check images don't show anymore. can someone assist me with this please?
onSelection={ (option) => this.setState(option)}

when use two multiple-choice in one page, one is setted to maxSelectedOptions=1 and other is setted to maxSelectedOptions =5 ,then the two multiple-choice both have maxSelectedOptions =5 actions , is there some setting issues?

Can I divide the multiple choice options in two columns?

Invariant Violation: ListView has been removed from React Native. See https://fb.me/nolistview for more information or use deprecated-react-native-listview.

This error is located at:
in MultipleChoice (at FeatureDevelopmentDetails.js:780)
in RCTView (at FeatureDevelopmentDetails.js:777)
in RCTView (at FeatureDevelopmentDetails.js:642)
in RCTView (at FeatureDevelopmentDetails.js:638)
in RCTScrollContentView (at ScrollView.js:1038)
in RCTScrollView (at ScrollView.js:1178)
in ScrollView (at FeatureDevelopmentDetails.js:636)
in RCTView (at FeatureDevelopmentDetails.js:613)
in FeatureDevelopmentDetails (created by SceneView)
in SceneView (at StackViewLayout.js:795)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewCard.js:69)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at screens.native.js:59)
in Screen (at StackViewCard.js:57)
in Card (at createPointerEventsContainer.js:27)
in Container (at StackViewLayout.js:860)
in RCTView (at screens.native.js:83)
in ScreenContainer (at StackViewLayout.js:311)
in RCTView (at createAnimatedComponent.js:151)
in AnimatedComponent (at StackViewLayout.js:307)
in PanGestureHandler (at StackViewLayout.js:300)
in StackViewLayout (at withOrientation.js:30)
in withOrientation (at StackView.js:79)
in RCTView (at Transitioner.js:215)
in Transitioner (at StackView.js:22)
in StackView (created by Navigator)
in Navigator (at createKeyboardAwareNavigator.js:12)
in KeyboardAwareNavigator (at createAppContainer.js:388)
in NavigationContainer (at ReactComponents/index.ios.js:30)
in MyApp (at renderApplication.js:40)
in RCTView (at AppContainer.js:101)
in RCTView (at AppContainer.js:119)
in AppContainer (at renderApplication.js:39)

Object.defineProperty$argument_2.get
react-native-implementation.js:359:8
MultipleChoice#constructor
index.js:43:19
renderRoot
[native code]:0
runRootCallback
[native code]:0
unstable_runWithPriority
scheduler.development.js:643:23
Component.prototype.setState
react.development.js:325:31
componentDidMount
FeatureDevelopmentDetails.js:245:21
tryCatch
runtime.js:45:44
invoke
runtime.js:271:30
tryCatch
runtime.js:45:44
invoke
runtime.js:135:28
Promise.resolve.then$argument_0
runtime.js:145:19
tryCallOne
core.js:37:14
setImmediate$argument_0
core.js:123:25
_callTimer
JSTimers.js:146:14
_callImmediatesPass
JSTimers.js:194:17
callImmediates
JSTimers.js:458:30
callImmediates
[native code]:0
flushedQueue
[native code]:0
invokeCallbackAndReturnFlushedQueue
[native code]:0
Can you please upgrade this package by using Flatlist please?