SHARE
TWEET

Untitled

a guest Jun 27th, 2019 77 in 10 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from 'react'
  2. import { Text, TouchableOpacity } from 'react-native'
  3. import Modal from 'react-native-modal'
  4. import { Grid, Row, Col } from 'react-native-easy-grid'
  5. import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
  6.  
  7. import styles from '../style/Modal.scss'
  8. import { AppContext } from '../../../../config/DataProvider'
  9. export default class LogModal extends Component
  10. {
  11.     render()
  12.     {
  13.         return(
  14.             <AppContext.Consumer>
  15.             {
  16.                 context =>
  17.                 {
  18.                     return(
  19.                         <Modal
  20.                             isVisible={context.state.logModalVisible}
  21.                             coverScreen={true}
  22.                             style={styles.modalContainer}
  23.                             swipeDirection='down'
  24.                             onSwipeComplete={()=>context.setLogModalState(false)}
  25.                         >
  26.                             <Grid>
  27.                                 <Row size={10}>
  28.                                     <Grid>
  29.                                         <Col style={styles.titleContainer} size={85}>
  30.                                             <Text style={styles.modalTitle}>Log items</Text>
  31.                                         </Col>
  32.                                         <Col size={15}>
  33.                                             <TouchableOpacity style={styles.buttonContainer} onPress={()=>context.setLogModalState(false)}>
  34.                                                 <Icon name='chevron-down' size={100} color='white'/>
  35.                                             </TouchableOpacity>
  36.                                         </Col>
  37.                                     </Grid>
  38.                                 </Row>
  39.                                 <Row size={90}>
  40.                                     <Text>Modal content</Text>
  41.                                 </Row>
  42.                             </Grid>
  43.                         </Modal>
  44.                     )
  45.                 }
  46.             }
  47.             </AppContext.Consumer>
  48.         )
  49.     }
  50. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top