states not updating inside card

Hello @lhandel , I really appreciate your work, but I’m having one issue when I update some states it is NOT being updated inside card.

Can you please guide me here

For example, I have one state loading: true in constructor, In componentDidMount I set to loading: false, But this.state.loading never gets updated value and always returns <Loader> (It is custom component - Which shows loader)

following is my code:

<CardStack
        style={styles.cardstack}
        verticalSwipe={false}
        ref={(swiper) => {
          this.swiper = swiper;
        }}
        renderNoMoreCards={() => (
          <Text style={{fontWeight: '700', fontSize: 18, color: 'gray'}}>
            No more cards :(
          </Text>
        )}
        onSwiped={() => console.log('onSwiped')}
        onSwipedLeft={() => console.log('onSwipedLeft')}>
        <Card style={styles.card}>
        {this.state.loading ? <Loader /> : null}

        </Card>
</CardStack>

Here loader always keep loading even if state changes to false

[ethans333]

@mitjnextt did you ever solve this?

[mitesh-db]

Also if I set something like this inside <Card>,

<Text style={styles.name_title}>{this.state.f_name}</Text>

f_name never gets updated value