Adding cancel button

[hosseinpro]

Usually PIN code screens has a "cancel" option. How can I add a cancel button at bottom right corner?

[hosseinpro]

I solved the problem by putting the PinView in another View (or Content in NativeBase).

render() { return ( <Modal animationType="slide" transparent={false} visible={this.state.visible} onRequestClose={() => { Alert.alert("Modal has been closed."); }} > <Content contentContainerStyle={{ flex: 1, alignContent: "center", justifyContent: "center" }} > <Text style={{ fontSize: 25, color: "red", alignSelf: "center", marginBottom: 20 }} > Enter Passcode </Text> <PinView onComplete={(val, clear) => { clear(); this.setState({ pinValue: val }); this.setState({ visible: false }); }} pinLength={4} /> <Button transparent style={{ alignSelf: "flex-end", marginRight: 60 }} onPress={() => this.setState({ visible: false })} > <Text style={{ fontSize: 16 }}>Cancel</Text> </Button> </Content> </Modal> ); }

[talut]

Hi , I think your wish about Cancel button is for your Modal. Not PinView package. PinView package is not providing such this feature.