1 <Body>2 <Render>3 <Viewdesc= ' container 'style={styles.container}>4 <Viewdesc= ' upper part view 'style={styles.contentview}>5 <Imagestyle={styles.image}/>6 <Viewstyle={styles.rightcontainer}>7 <Textstyle={styles.title}>Video Interrogation8 <Textstyle={styles.price}>¥99</Text>9 </Text>Ten <Textstyle={styles.subtitle}>Here's the copy to be determined</Text> One </View> A </View> - <Viewdesc= ' Split line 'style={styles.lineview}/> - <Viewdesc= ' lower part of view 'style={styles.bottomcontainer}> the <Textstyle={styles.purchase}>Click to buy</Text> - <Viewstyle={styles.arrow}/> - </View> - </View> + <Render> - <CSS> + { A container: { at margintop:100, - marginleft:0, - marginright:0, - height:91 - }, - Contentview: { in margintop:0, - marginleft:0, to marginright:0, + Height: (182-50)/2.0, - flexdirection: ' Row ' the }, * Image: { $ Marginleft:10,Panax Notoginseng Margintop:10, - width:45, the height:45, + borderradius:45/2.0, A backgroundcolor: ' Blue ' the }, + Rightcontainer: { - Flex:1, $ Marginleft:11, $ marginright:0, - margintop:0, - marginbottom:0 the }, - title: {Wuyi margintop:15, the color: ' #212121 ', - fontsize:15 Wu }, - Price : { About textAlign: ' Right ' $ }, - SubTitle: { - Margintop:11, - color: ' #bdbdbd ', A Fontsize:12 + }, the Lineview: { - Marginleft:10, $ Marginright:10, the Height:1, the backgroundcolor: ' #e0e0e0 ' the }, the Bottomcontainer: { - Flex:1, in marginleft:0, the marginright:0, the margintop:0, About flexdirection: ' Row ', the alignitems: ' Center ' the }, the Purchase: { + Flex:1, - color: ' #bdbdbd ', the fontsize:15,Bayi marginleft:10 the }, the Arrow: { - Marginright:10, - width:15, the height:15, the backgroundcolor: ' Blue ' the } the <CSS> - the the </Body>
Video interrogation Cards