checkbox is not displaying checked (react native)

Question

I am using checkbox from react-native-element

When i check the box it dose not display checked how can i display it ? here is my code

 <View>
                    <FlatList data={all_national_number}
                        keyExtractor={(item, index) => index.toString()}
                        renderItem={({ item }) =>
                            <CheckBox

                                title={item} 
                                uncheckedIcon={<Image source={require('../../assets/unchecked.png')} />}
                           checkedIcon={<Image source={require('../../assets/checked.jpg')} />}

                                onPress={() => this._onSelect(item)}>
                            </CheckBox>

                        }>
                    </FlatList>
                    </View>

Possible duplicate of stackoverflow.com/questions/49375940/… — Sateesh Yemireddi
– Sateesh Yemireddi, Commented Oct 22, 2018 at 10:20

Aseem Upadhyay · Accepted Answer · 2018-10-22 10:16:50Z

0

It is not showing because you are missing a property called checked which should be either true or false. So, ideally your method this._onSelect(item)} should contain logic to alter the checked status.

Something on the lines of

onSelect = (item) => {
this.setState({ isChecked: true})
}

and in your checkbox, you need to add one more prop that is checked={this.state.isChecked}

Hope it helps :)

answered Oct 22, 2018 at 10:16

Aseem Upadhyay

4,5874 gold badges19 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

oma · Accepted Answer · 2018-10-22 10:17:52Z

0

You need to add the checked property on the checkbox

<CheckBox
  title='Click Here'
  checked={this.state.checked}
/>

answered Oct 22, 2018 at 10:17

oma

1,89414 silver badges14 bronze badges

Collectives™ on Stack Overflow

checkbox is not displaying checked (react native)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related