Guest User

Untitled

a guest
Apr 16th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  1. <View style = {{flex: 1, width: Dimensions.get('window').width,
  2. height: Dimensions.get('window').height}}>
  3.  
  4. <Workspace
  5. img={require('./images/quarto.png')}/>
  6.  
  7. <ScrollView>
  8. <Header>
  9. <HeaderItem img={require('./images/camera.png')}/>
  10. <HeaderItem img={require('./images/camera.png')}/>
  11. <HeaderItem img={require('./images/camera.png')}/>
  12. <HeaderItem img={require('./images/camera.png')}/>
  13. </Header>
  14. </ScrollView>
  15.  
  16. <ScrollView style = {{flexDirection: 'row'}}>
  17. {this.sideMenuShow()}
  18. <ScrollView style = {{alignSelf: 'flex-end'}}>
  19. <Text style = {{color: 'white'}}>TEST</Text>
  20. </ScrollView>
  21. </ScrollView>
  22.  
  23. <Footer>
  24. <View style = {styles.logoContainerStyle}>
  25. <Image
  26. style = {styles.logoStyle}
  27. source = {require('./images/magicalStage.png')}
  28. />
  29. </View>
  30. <View
  31. style = {{width: '70%', flexDirection: 'row', justifyContent:'flex-end', alignItems: 'flex-end'}}>
  32. <TouchableOpacity>
  33. <Text style = {{color: 'white'}}>Workspace </Text>
  34. </TouchableOpacity>
  35. <TouchableOpacity>
  36. <Text style = {{color: 'white', textAlign: 'right'}}>Catalogue</Text>
  37. </TouchableOpacity>
  38. </View>
  39. </Footer>
  40. </View>
  41.  
  42. sideMenuShow() {
  43. const furnitureList = <FurnitureList />;
  44.  
  45. if(!this.state.hideMenu) {
  46.  
  47. return(
  48. <SideMenu>
  49. <MenuButton
  50. source = {require('./images/left-material.png')}
  51. onPress = {() => this.setState({hideMenu: true})}/>
  52. <Text style = {{color: 'white', fontSize: 16, fontWeight: 'bold'}}>Furniture</Text>
  53.  
  54. <SideMenuItem
  55. onPress = {() =>
  56. !this.state.hideList ?
  57. this.setState({hideList: true, hideListSofa: false, hideListBoxes: false})
  58. : this.setState({hideList: false})
  59.  
  60. }
  61. text='Test'
  62. >
  63. </SideMenuItem>
  64. {
  65. this.state.hideList ?
  66. <FurnitureList
  67. source = {require('./images/image.png')}/>
  68. : null
  69. }
  70. </SideMenu>
  71. );
  72.  
  73. }
  74. else {
  75. return(
  76. <SmallSideMenu>
  77. <MenuButton
  78. source = {require('./images/right-material.png')}
  79. onPress = {() => this.setState({hideMenu: false})}/>
  80. </SmallSideMenu>
  81. );
  82. }
  83. }
Add Comment
Please, Sign In to add comment