Button or TouchableOpacity under bottomContent or topContent not clickable in ios, working fine in android
I have added button with onpress in bottomContent, Click event not working anyway in iOS. But working fine in Android.
<QRCodeScanner reactivate={true} showMarker={true} ref={node => { this.scanner = node; }} reactivateTimeout={4000} onRead={this.onQRCodeSuccess} customMarker={<CameraMarker />} bottomContent={ <View style={pageStyle.buttonTouchable}> <Button onPress={() => { alert('clicked') }} title={'Cancel'} backgroundColor={'#A61145'} /> </View> } containerStyle={{ minHeight: HEIGHT - STATUSBAR_HEIGHT }} />
Thanks in Advanced.
Hey, thank you for opening it! But can you drop a better concrete example about how it's happening? Like a snapshot, a gif, or something like that.
By the way, which version are you using?
Facing the same Issue
Added <Text> in bottomContent and it's show in Android but nothing on iOS