Blurry text on iOS when the opacity is kept as 1

[ReactRaylogic]

below is the code where text is displayed perfectly in android but is blurry in iOS <ValuePicker style={{flex: 1, height: 80}} data={['01','02','03','04','05']} renderItem={(item) => ( <Text style={{ width: 100, textAlign: 'center', justifyContent: 'center', alignItems: "center", fontSize: 8, color: Colors.textColor }}> { item } </Text> )} itemWidth={100} mark={null} interpolateScale={ (index, itemWidth) => ({ inputRange: [ itemWidth * (index - 1), itemWidth * index, itemWidth * (index + 1), ], outputRange: [3.5, 6, 3.5] }) } interpolateOpacity={ (index, itemWidth) => ({ inputRange: [ itemWidth * (index - 1), itemWidth * index, itemWidth * (index + 1), ], outputRange: [0.65, 1, 0.65] }) } />