Skip to content

Instantly share code, notes, and snippets.

@bvodola

bvodola/ActionSheet.js

Created October 15, 2018 03:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bvodola/ffae23148d63791672d2967c95a517f1 to your computer and use it in GitHub Desktop.
Save bvodola/ffae23148d63791672d2967c95a517f1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ActionSheet.js
<View style={{display: this.state.visible?'flex':'none', backgroundColor: 'rgba(0,0,0,0.5)', position: 'absolute', top: 0, left: 0, height, width}}>
<Modal animationType={'slide'} transparent={true} visible={this.state.visible}>
<TouchableWithoutFeedback onPress={() => this.toggleActionSheet()}>
<View>
<TouchableWithoutFeedback>
<View style={{backgroundColor: '#fff', padding: 16, marginTop: '100%', height: '50%'}}>
<Text style={{height: 20}}>Title</Text>
// Content goes here...
</View>
</TouchableWithoutFeedback>
</View>
</TouchableWithoutFeedback>
</Modal>
</View>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment