SHARE
TWEET

Untitled

a guest Oct 10th, 2019 84 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. class HomeScreen extends React.Component {
  2.  
  3.     constructor(props) {
  4.         super(props)
  5.         this.state = {
  6.             message: ""
  7.         }
  8.     }
  9.  
  10.     callbackFunction = (childData) => {
  11.         this.setState({message: childData})
  12.     }
  13.  
  14.     render() {
  15.         return (
  16.             <Container>
  17.                 <PageHeader navigation={this.props.navigation} title={'Create Item'}/>
  18.                 <Content>
  19.                     <Form>
  20.                         <Item stacked last>
  21.                             <Label>Name/Model</Label>
  22.                             <Input/>
  23.                         </Item>
  24.                         <Item stacked last>
  25.                             <Label>Brand</Label>
  26.                             <Input/>
  27.                         </Item>
  28.                         <Item disabled stacked last>
  29.                             <Label>Barcode</Label>
  30.                             <Input placeholder='2323'/>
  31.                             <View style={{marginRight: 10}}>
  32.                                 <Button
  33.                                     style={{marginRight: 30}}
  34.                                     title="Scan"
  35.                                     onPress={() => {
  36.                                         this.props.navigation.navigate('Barcode', {
  37.                                             parentCallback: this.callbackFunction
  38.                                         })
  39.                                     }}
  40.                                 />
  41.                             </View>
  42.                         </Item>
  43.                         <Item stacked last>
  44.                             <View style={{marginRight: 10}}>
  45.                                 <Button
  46.                                     style={{marginRight: 30}}
  47.                                     title="Add Photo"
  48.                                     onPress={() => {
  49.                                         this.props.navigation.navigate('Camera')
  50.                                     }}
  51.                                 />
  52.                             </View>
  53.                         </Item>
  54.                         <Text>{this.state.message}</Text>
  55.                     </Form>
  56.                     <View>
  57.  
  58.                         <Button
  59.                             onPress={() => this.props.navigation.navigate('MyModal')}
  60.                             title="Info"
  61.                             color="#fff"
  62.                         />
  63.                         <Button
  64.                             onPress={() => this.props.navigation.navigate('MyModal2')}
  65.                             title="Info"
  66.                             color="#fff"
  67.                         />
  68.                     </View>
  69.                 </Content>
  70.             </Container>
  71.         )
  72.             ;
  73.     }
  74. }
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