wonsikin / react-native-barcode-builder

Component for generating barcode in react native app
Other
175 stars 116 forks source link

Crashing iOS 14 & 15 from testflight #70

Open Aggroid opened 2 years ago

Aggroid commented 2 years ago

Hey guys, once I have the library installed and when I distribute the build to test flight my application is crashing on the screen I'm importing the library. Older versions I tried 12.4, 12.8, and 13 they work well.

I'm using react-native 64 react-native-barcode-builder": "^2.0.0",

and here is how I use it :

import Barcode from 'react-native-barcode-builder';

const renderCard = ({ item }) => {
    const showableNumbers = item.cardNo.substring(3);
    return (
        <TouchableOpacity style={styles.cardContainer} onPress={() => onCardPress(item.cardActivated, item.cardNo, item.cardPIN)}>
            <View style={{ backgroundColor: item.cardActivated ? '#90EE90' : '#FF5733', width: '100%', alignItems: 'center' }}>
                <Text>{item.cardActivated ? translate('Activated') : translate('Non-Activated')}</Text>
            </View>
            <Text style={styles.cardNumber}>{`***${showableNumbers}`}</Text>
            <Text>{item.cardHolder} {item.carNo} </Text>
            <Barcode
                value={showableNumbers}
                format="EAN8"
                flat
            />
        </TouchableOpacity>
    )
}

return (
    <ScrollView contentContainerStyle={styles.container}>
        <CardNotActivatedModal currentCard={currentCard} modalVisible={modalVisible} setModalVisible={setModalVisible} navigation={navigation} />
        <View style={{ flex: 1 }}>
            <Carousel
                data={cards.cards}
                renderItem={renderCard}
                sliderWidth={viewportWidth}
                itemWidth={300 * bp}
            />
        </View>

        <View style={styles.buttonsContainer}>
            <View style={styles.firstRowButtonstContainer}>
                <TouchableOpacity onPress={() => navigation.navigate('OrderCards')} style={styles.button}>
                    <Text style={styles.buttonText}>{translate('Request')}</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={() => navigation.navigate('Activation', {})} style={styles.button}>
                    <Text style={styles.buttonText}>{translate('Activate')}</Text>
                </TouchableOpacity>
            </View>
            <TouchableOpacity onPress={() => navigation.navigate('AddMoney')} style={styles.button}>
                <Text style={styles.buttonText}>{translate('Add money')}</Text>
            </TouchableOpacity>
        </View>
    </ScrollView>
)

}

I did try with normal type or with EAN13 or without flat but nothing is helping. I cannot see the error because the application is turning off.

petkovv commented 2 years ago

Same here. Is there any solution on that issue ?