API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 27th, 2020
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 35.86 KB | None | 0 0
raw download clone embed print report
  1. import React, {Component} from 'react';
  2. import {
  3.   StyleSheet,
  4.   Alert,
  5.   Text,
  6.   View,
  7.   TextInput,
  8.   TouchableOpacity,
  9.   StatusBar,
  10.   SafeAreaView,
  11.   Image,
  12.   ImageBackground,
  13.   ScrollView,
  14. } from 'react-native';
  15. import {
  16.   Container,
  17.   Header,
  18.   Button,
  19.   Content,
  20.   Form,
  21.   Item,
  22.   Input,
  23.   Label,
  24.   Right,
  25.   Body,
  26.   Left,
  27.   Title,
  28. } from 'native-base';
  29.  
  30. export default class Beranda extends Component {
  31.   render() {
  32.     return (
  33.       <>
  34.         <Header style={styles.header}>
  35.           <Image
  36.             style={styles.logo}
  37.             source={require('../images/abangdesaputih.png')}></Image>
  38.           <TouchableOpacity
  39.             style={styles.BtnTKB}
  40.             onpress={() => console.log('Ini Console Log')}>
  41.             <Text style={styles.TKB}>
  42.               TKB90 ={' '}
  43.               <Text
  44.                 style={{
  45.                   fontFamily: 'OpenSans-Bold',
  46.                   color: '#7DAB40',
  47.                   fontSize: 12,
  48.                   textAlign: 'left',
  49.                 }}>
  50.                 99.25%
  51.               </Text>
  52.             </Text>
  53.           </TouchableOpacity>
  54.         </Header>
  55.         <StatusBar backgroundColor="#015860" />
  56.  
  57.         <ScrollView style={{}}>
  58.           <View style={styles.container}>
  59.             <View
  60.               style={{
  61.                 width: '89%',
  62.                 height: 130,
  63.                 backgroundColor: '#FCFCFC',
  64.                 marginTop: 16,
  65.                 marginLeft: 20,
  66.                 marginRight: 20,
  67.                 borderRadius: 8,
  68.                 opacity: 0.9,
  69.               }}>
  70.               <View
  71.                 style={{
  72.                   flexDirection: 'row',
  73.                   paddingTop: 16,
  74.                   paddingLeft: 20,
  75.                   paddingRight: 22,
  76.                   justifyContent: 'space-between',
  77.                 }}>
  78.                 <Text
  79.                   style={{
  80.                     fontFamily: 'OpenSans-Regular',
  81.                     color: '#004147',
  82.                     fontSize: 15,
  83.                   }}>
  84.                   Saldo
  85.                 </Text>
  86.                 <Text
  87.                   style={{
  88.                     fontFamily: 'OpenSans-Regular',
  89.                     color: '#7DAB40',
  90.                     fontSize: 15,
  91.                     textAlign: 'right',
  92.                   }}>
  93.                   Rp 100.000.000
  94.                 </Text>
  95.               </View>
  96.               <View
  97.                 style={{
  98.                   borderWidth: 0.3,
  99.                   borderColor: '#707070',
  100.                   opacity: 0.2,
  101.                   marginLeft: 16,
  102.                   marginRight: 16,
  103.                   marginTop: 10,
  104.                 }}></View>
  105.  
  106.               <View
  107.                 style={{
  108.                   flex: 1,
  109.                   flexDirection: 'row',
  110.                   marginHorizontal: 26,
  111.                 }}>
  112.                 <View
  113.                   style={{
  114.                     marginTop: 14,
  115.                   }}>
  116.                   <TouchableOpacity>
  117.                     <Image
  118.                       style={{width: '84%', height: 37}}
  119.                       source={require('../images/TopUp5.png')}></Image>
  120.                     <Text
  121.                       style={{
  122.                         fontFamily: 'OpenSans-Bold',
  123.                         fontSize: 10,
  124.                         color: '#004147',
  125.                         paddingRight: 5,
  126.                       }}>
  127.                       Top Up
  128.                     </Text>
  129.                   </TouchableOpacity>
  130.                 </View>
  131.                 <View
  132.                   style={{
  133.                     marginTop: 14,
  134.                     marginLeft: 68,
  135.                   }}>
  136.                   <TouchableOpacity>
  137.                     <Image
  138.                       style={{width: '84%', height: 37}}
  139.                       source={require('../images/Depositdongker3.png')}></Image>
  140.                     <Text
  141.                       style={{
  142.                         fontFamily: 'OpenSans-Bold',
  143.                         fontSize: 10,
  144.                         color: '#004147',
  145.                         paddingRight: 4,
  146.                       }}>
  147.                       Deposit
  148.                     </Text>
  149.                   </TouchableOpacity>
  150.                 </View>
  151.                 <View
  152.                   style={{
  153.                     marginTop: 14,
  154.                     marginLeft: 68,
  155.                   }}>
  156.                   <TouchableOpacity>
  157.                     <Image
  158.                       style={{width: '83%', height: 37}}
  159.                       source={require('../images/Penarikan.png')}></Image>
  160.                     <Text
  161.                       style={{
  162.                         fontFamily: 'OpenSans-Bold',
  163.                         fontSize: 10,
  164.                         color: '#004147',
  165.                         paddingRight: 4,
  166.                       }}>
  167.                       Penarikan
  168.                     </Text>
  169.                   </TouchableOpacity>
  170.                 </View>
  171.               </View>
  172.             </View>
  173.  
  174.             <View
  175.               style={{
  176.                 width: '89%',
  177.                 height: 240,
  178.                 backgroundColor: '#FCFCFC',
  179.                 marginTop: 10,
  180.                 marginLeft: 20,
  181.                 marginRight: 20,
  182.                 borderRadius: 8,
  183.                 opacity: 0.9,
  184.               }}>
  185.               <View
  186.                 style={{
  187.                   flexDirection: 'row',
  188.                   paddingTop: 16,
  189.                   paddingLeft: 20,
  190.                   paddingRight: 22,
  191.                   justifyContent: 'space-between',
  192.                 }}>
  193.                 <Text
  194.                   style={{
  195.                     fontFamily: 'OpenSans-Regular',
  196.                     color: '#004147',
  197.                     fontSize: 15,
  198.                   }}>
  199.                   Total Pendanaan
  200.                 </Text>
  201.                 <Text
  202.                   style={{
  203.                     fontFamily: 'OpenSans-Regular',
  204.                     color: '#7DAB40',
  205.                     fontSize: 15,
  206.                     textAlign: 'right',
  207.                   }}>
  208.                   Rp 100.000.000
  209.                 </Text>
  210.               </View>
  211.  
  212.               <View
  213.                 style={{
  214.                   borderWidth: 0.3,
  215.                   borderColor: '#707070',
  216.                   opacity: 0.2,
  217.                   marginLeft: 16,
  218.                   marginRight: 16,
  219.                   marginTop: 10,
  220.                 }}></View>
  221.  
  222.               <View
  223.                 style={{
  224.                   flexDirection: 'row',
  225.                   paddingTop: 16,
  226.                   paddingLeft: 20,
  227.                   paddingRight: 22,
  228.                   justifyContent: 'space-between',
  229.                 }}>
  230.                 <Text
  231.                   style={{
  232.                     fontFamily: 'OpenSans-Regular',
  233.                     color: '#004147',
  234.                     fontSize: 15,
  235.                   }}>
  236.                   Total Penarikan
  237.                 </Text>
  238.                 <Text
  239.                   style={{
  240.                     fontFamily: 'OpenSans-Regular',
  241.                     color: '#7DAB40',
  242.                     fontSize: 15,
  243.                     textAlign: 'right',
  244.                   }}>
  245.                   Rp 100.000.000
  246.                 </Text>
  247.               </View>
  248.               <View
  249.                 style={{
  250.                   borderWidth: 0.3,
  251.                   borderColor: '#707070',
  252.                   opacity: 0.2,
  253.                   marginLeft: 16,
  254.                   marginRight: 16,
  255.                   marginTop: 10,
  256.                 }}></View>
  257.  
  258.               <View
  259.                 style={{
  260.                   flexDirection: 'row',
  261.                   paddingTop: 16,
  262.                   paddingLeft: 20,
  263.                   paddingRight: 22,
  264.                   justifyContent: 'space-between',
  265.                 }}>
  266.                 <Text
  267.                   style={{
  268.                     fontFamily: 'OpenSans-Regular',
  269.                     color: '#004147',
  270.                     fontSize: 15,
  271.                   }}>
  272.                   Total Investasi Referal
  273.                 </Text>
  274.                 <Text
  275.                   style={{
  276.                     fontFamily: 'OpenSans-Regular',
  277.                     color: '#7DAB40',
  278.                     fontSize: 15,
  279.                     textAlign: 'right',
  280.                   }}>
  281.                   Rp 100.000.000
  282.                 </Text>
  283.               </View>
  284.               <View
  285.                 style={{
  286.                   borderWidth: 0.3,
  287.                   borderColor: '#707070',
  288.                   opacity: 0.2,
  289.                   marginLeft: 16,
  290.                   marginRight: 16,
  291.                   marginTop: 10,
  292.                 }}></View>
  293.  
  294.               <View
  295.                 style={{
  296.                   flexDirection: 'row',
  297.                   paddingTop: 16,
  298.                   paddingLeft: 20,
  299.                   paddingRight: 22,
  300.                   justifyContent: 'space-between',
  301.                 }}>
  302.                 <Text
  303.                   style={{
  304.                     fontFamily: 'OpenSans-Regular',
  305.                     color: '#004147',
  306.                     fontSize: 15,
  307.                   }}>
  308.                   Total Bonus Referal
  309.                 </Text>
  310.                 <Text
  311.                   style={{
  312.                     fontFamily: 'OpenSans-Regular',
  313.                     color: '#7DAB40',
  314.                     fontSize: 15,
  315.                     textAlign: 'right',
  316.                   }}>
  317.                   Rp 100.000.000
  318.                 </Text>
  319.               </View>
  320.               <View
  321.                 style={{
  322.                   borderWidth: 0.3,
  323.                   borderColor: '#707070',
  324.                   opacity: 0.2,
  325.                   marginLeft: 16,
  326.                   marginRight: 16,
  327.                   marginTop: 10,
  328.                 }}></View>
  329.  
  330.               <View
  331.                 style={{
  332.                   flexDirection: 'row',
  333.                   paddingTop: 16,
  334.                   paddingLeft: 20,
  335.                   paddingRight: 22,
  336.                   justifyContent: 'space-between',
  337.                 }}>
  338.                 <Text
  339.                   style={{
  340.                     fontFamily: 'OpenSans-Regular',
  341.                     color: '#004147',
  342.                     fontSize: 15,
  343.                   }}>
  344.                   Total Referal
  345.                 </Text>
  346.                 <Text
  347.                   style={{
  348.                     fontFamily: 'OpenSans-Regular',
  349.                     color: '#7DAB40',
  350.                     fontSize: 15,
  351.                     textAlign: 'right',
  352.                   }}>
  353.                   Rp 100.000.000
  354.                 </Text>
  355.               </View>
  356.             </View>
  357.             <Text
  358.               style={{
  359.                 fontFamily: 'OpenSans-Regular',
  360.                 fontSize: 16,
  361.                 color: '#004147',
  362.                 marginLeft: 20,
  363.                 marginTop: 17,
  364.               }}>
  365.               Pendanaan
  366.             </Text>
  367.             <View style={{flexDirection: 'row'}}>
  368.               <TouchableOpacity>
  369.                 <Image
  370.                   style={{
  371.                     width: 90,
  372.                     height: 80,
  373.                     borderRadius: 6,
  374.                     marginLeft: 20,
  375.                     marginTop: 8,
  376.                   }}
  377.                   source={require('../images/abangtani.png')}></Image>
  378.                 <Text
  379.                   style={{
  380.                     fontFamily: 'OpenSans-Regular',
  381.                     textAlign: 'center',
  382.                     color: '#004147',
  383.                     marginLeft: 16,
  384.                     fontSize: 12,
  385.                   }}>
  386.                   Abang Tani
  387.                 </Text>
  388.               </TouchableOpacity>
  389.  
  390.               <TouchableOpacity>
  391.                 <Image
  392.                   style={{
  393.                     width: 90,
  394.                     height: 80,
  395.                     borderRadius: 6,
  396.                     marginLeft: 25,
  397.                     marginTop: 8,
  398.                   }}
  399.                   source={require('../images/abangternak.png')}></Image>
  400.                 <Text
  401.                   style={{
  402.                     fontFamily: 'OpenSans-Regular',
  403.                     textAlign: 'center',
  404.                     color: '#004147',
  405.                     marginLeft: 28,
  406.                     fontSize: 12,
  407.                   }}>
  408.                   Abang Ternak
  409.                 </Text>
  410.               </TouchableOpacity>
  411.  
  412.               <TouchableOpacity>
  413.                 <Image
  414.                   style={{
  415.                     width: 90,
  416.                     height: 80,
  417.                     borderRadius: 6,
  418.                     marginLeft: 25,
  419.                     marginTop: 8,
  420.                   }}
  421.                   source={require('../images/abangbisnis.png')}></Image>
  422.                 <Text
  423.                   style={{
  424.                     fontFamily: 'OpenSans-Regular',
  425.                     textAlign: 'center',
  426.                     color: '#004147',
  427.                     marginLeft: 36,
  428.                     marginRight: 20,
  429.                     fontSize: 12,
  430.                   }}>
  431.                   Abang Bisnis
  432.                 </Text>
  433.               </TouchableOpacity>
  434.             </View>
  435.             <View style={{flexDirection: 'row'}}>
  436.               <Text
  437.                 style={{
  438.                   fontFamily: 'OpenSans-Regular',
  439.                   fontSize: 16,
  440.                   color: '#004147',
  441.                   marginLeft: 20,
  442.                   marginTop: 17,
  443.                 }}>
  444.                 Proyek Pendanaan Baru
  445.               </Text>
  446.               <TouchableOpacity
  447.                 style={{marginTop: 20, marginRight: 20, marginLeft: 50}}>
  448.                 <Text
  449.                   style={{
  450.                     fontFamily: 'OpenSans-Light',
  451.                     fontSize: 12,
  452.                     color: '#004147',
  453.                   }}>
  454.                   Selengkapnya >
  455.                 </Text>
  456.               </TouchableOpacity>
  457.             </View>
  458.             <ScrollView
  459.               horizontal={true}
  460.               showsHorizontalScrollIndicator={false}>
  461.               <TouchableOpacity
  462.                 style={{
  463.                   width: 200,
  464.                   height: 280,
  465.                   backgroundColor: '#FCFCFC',
  466.                   borderRadius: 4,
  467.                   marginLeft: 20,
  468.                   marginTop: 8,
  469.                   marginBottom: 30,
  470.                 }}>
  471.                 <View>
  472.                   <ImageBackground
  473.                     style={{
  474.                       width: 188,
  475.                       height: 120,
  476.                       borderRadius: 2,
  477.                       marginLeft: 6,
  478.                       paddingRight: 6,
  479.                       marginTop: 8,
  480.                       justifyContent: 'flex-end',
  481.                     }}
  482.                     source={require('../images/wirefamee.png')}>
  483.                     <View // ribbon
  484.                       style={{
  485.                         width: 58,
  486.                         height: 20,
  487.                         marginLeft: 0,
  488.                         marginTop: 4,
  489.  
  490.                         backgroundColor: '#7DAB40',
  491.                         borderTopRightRadius: 3,
  492.                         borderBottomRightRadius: 3,
  493.                       }}>
  494.                       <Text
  495.                         style={{
  496.                           color: '#FFF',
  497.                           fontFamily: 'OpenSans-Regular',
  498.                           fontSize: 8,
  499.                           textAlign: 'left',
  500.                           paddingRight: 8,
  501.                           paddingLeft: 8,
  502.                           paddingTop: 4,
  503.                           paddingBottom: 4,
  504.                         }}>
  505.                         Bagi Hasil
  506.                       </Text>
  507.                     </View>
  508.                   </ImageBackground>
  509.                 </View>
  510.  
  511.                 <Text
  512.                   style={{
  513.                     fontFamily: 'OpenSans-Regular',
  514.                     fontSize: 12,
  515.                     color: '#004147',
  516.                     marginLeft: 8,
  517.                     marginTop: 6,
  518.                     textAlign: 'left',
  519.                   }}>
  520.                   Buah Naga Sambas
  521.                 </Text>
  522.                 <Text
  523.                   style={{
  524.                     fontFamily: 'OpenSans-Regular',
  525.                     fontSize: 12,
  526.                     color: '#004147',
  527.                     marginLeft: 8,
  528.                     marginTop: 1,
  529.                     textAlign: 'left',
  530.                   }}>
  531.                   ID. 56326565899489
  532.                 </Text>
  533.                 <View
  534.                   style={{
  535.                     borderWidth: 0.3,
  536.                     borderColor: '#707070',
  537.                     opacity: 0.2,
  538.                     marginLeft: 6,
  539.                     marginRight: 6,
  540.                     marginTop: 10,
  541.                   }}></View>
  542.                 <View
  543.                   style={{
  544.                     flexDirection: 'row',
  545.                     paddingTop: 7,
  546.                     paddingLeft: 8,
  547.                     paddingRight: 8,
  548.                     justifyContent: 'space-between',
  549.                   }}>
  550.                   <Text
  551.                     style={{
  552.                       fontFamily: 'OpenSans-Light',
  553.                       color: '#004147',
  554.                       fontSize: 12,
  555.                     }}>
  556.                     Kebutuhan Dana
  557.                   </Text>
  558.                   <Text
  559.                     style={{
  560.                       fontFamily: 'OpenSans-Light',
  561.                       color: '#7DAB40',
  562.                       fontSize: 12,
  563.                       textAlign: 'right',
  564.                     }}>
  565.                     Rp 1.000.000
  566.                   </Text>
  567.                 </View>
  568.                 <View
  569.                   style={{
  570.                     flexDirection: 'row',
  571.                     paddingTop: 7,
  572.                     paddingLeft: 8,
  573.                     paddingRight: 8,
  574.                     justifyContent: 'space-between',
  575.                   }}>
  576.                   <Text
  577.                     style={{
  578.                       fontFamily: 'OpenSans-Light',
  579.                       color: '#004147',
  580.                       fontSize: 12,
  581.                     }}>
  582.                     Kekurangan Dana
  583.                   </Text>
  584.                   <Text
  585.                     style={{
  586.                       fontFamily: 'OpenSans-Light',
  587.                       color: '#7DAB40',
  588.                       fontSize: 12,
  589.                       textAlign: 'right',
  590.                     }}>
  591.                     Rp 1.000.000
  592.                   </Text>
  593.                 </View>
  594.                 <View>
  595.                   <Text
  596.                     style={{
  597.                       fontFamily: 'OpenSans-Light',
  598.                       textAlign: 'center',
  599.                       color: '#004147',
  600.                       fontSize: 10,
  601.                       marginTop: 14,
  602.                     }}>
  603.                     0% didanai
  604.                   </Text>
  605.                 </View>
  606.                 <View
  607.                   style={{
  608.                     width: 168,
  609.                     height: 8,
  610.                     backgroundColor: '#DBDBDB',
  611.                     borderRadius: 8,
  612.                     marginLeft: 15,
  613.                     marginRight: 15,
  614.                     marginTop: 2,
  615.                   }}></View>
  616.               </TouchableOpacity>
  617.  
  618.               <TouchableOpacity
  619.                 style={{
  620.                   width: 200,
  621.                   height: 280,
  622.                   backgroundColor: '#FCFCFC',
  623.                   borderRadius: 4,
  624.                   marginLeft: 20,
  625.                   marginTop: 8,
  626.                   marginBottom: 30,
  627.                 }}>
  628.                 <View>
  629.                   <ImageBackground
  630.                     style={{
  631.                       width: 188,
  632.                       height: 120,
  633.                       borderRadius: 2,
  634.                       marginLeft: 6,
  635.                       paddingRight: 6,
  636.                       marginTop: 8,
  637.                       justifyContent: 'flex-end',
  638.                     }}
  639.                     source={require('../images/sapi.jpg')}>
  640.                     <View // ribbon
  641.                       style={{
  642.                         width: 58,
  643.                         height: 20,
  644.                         marginLeft: 0,
  645.                         marginTop: 4,
  646.  
  647.                         backgroundColor: '#7DAB40',
  648.                         borderTopRightRadius: 3,
  649.                         borderBottomRightRadius: 3,
  650.                       }}>
  651.                       <Text
  652.                         style={{
  653.                           color: '#FFF',
  654.                           fontFamily: 'OpenSans-Regular',
  655.                           fontSize: 8,
  656.                           textAlign: 'left',
  657.                           paddingRight: 8,
  658.                           paddingLeft: 8,
  659.                           paddingTop: 4,
  660.                           paddingBottom: 4,
  661.                         }}>
  662.                         Bagi Hasil
  663.                       </Text>
  664.                     </View>
  665.                   </ImageBackground>
  666.                 </View>
  667.  
  668.                 <Text
  669.                   style={{
  670.                     fontFamily: 'OpenSans-Regular',
  671.                     fontSize: 12,
  672.                     color: '#004147',
  673.                     marginLeft: 8,
  674.                     marginTop: 6,
  675.                     textAlign: 'left',
  676.                   }}>
  677.                   Sapi Madura
  678.                 </Text>
  679.                 <Text
  680.                   style={{
  681.                     fontFamily: 'OpenSans-Regular',
  682.                     fontSize: 12,
  683.                     color: '#004147',
  684.                     marginLeft: 8,
  685.                     marginTop: 1,
  686.                     textAlign: 'left',
  687.                   }}>
  688.                   ID. 56326565899489
  689.                 </Text>
  690.                 <View
  691.                   style={{
  692.                     borderWidth: 0.3,
  693.                     borderColor: '#707070',
  694.                     opacity: 0.2,
  695.                     marginLeft: 6,
  696.                     marginRight: 6,
  697.                     marginTop: 10,
  698.                   }}></View>
  699.                 <View
  700.                   style={{
  701.                     flexDirection: 'row',
  702.                     paddingTop: 7,
  703.                     paddingLeft: 8,
  704.                     paddingRight: 8,
  705.                     justifyContent: 'space-between',
  706.                   }}>
  707.                   <Text
  708.                     style={{
  709.                       fontFamily: 'OpenSans-Light',
  710.                       color: '#004147',
  711.                       fontSize: 12,
  712.                     }}>
  713.                     Kebutuhan Dana
  714.                   </Text>
  715.                   <Text
  716.                     style={{
  717.                       fontFamily: 'OpenSans-Light',
  718.                       color: '#7DAB40',
  719.                       fontSize: 12,
  720.                       textAlign: 'right',
  721.                     }}>
  722.                     Rp 1.000.000
  723.                   </Text>
  724.                 </View>
  725.                 <View
  726.                   style={{
  727.                     flexDirection: 'row',
  728.                     paddingTop: 7,
  729.                     paddingLeft: 8,
  730.                     paddingRight: 8,
  731.                     justifyContent: 'space-between',
  732.                   }}>
  733.                   <Text
  734.                     style={{
  735.                       fontFamily: 'OpenSans-Light',
  736.                       color: '#004147',
  737.                       fontSize: 12,
  738.                     }}>
  739.                     Kekurangan Dana
  740.                   </Text>
  741.                   <Text
  742.                     style={{
  743.                       fontFamily: 'OpenSans-Light',
  744.                       color: '#7DAB40',
  745.                       fontSize: 12,
  746.                       textAlign: 'right',
  747.                     }}>
  748.                     Rp 1.000.000
  749.                   </Text>
  750.                 </View>
  751.                 <View>
  752.                   <Text
  753.                     style={{
  754.                       fontFamily: 'OpenSans-Light',
  755.                       textAlign: 'center',
  756.                       color: '#004147',
  757.                       fontSize: 10,
  758.                       marginTop: 14,
  759.                     }}>
  760.                     0% didanai
  761.                   </Text>
  762.                 </View>
  763.                 <View
  764.                   style={{
  765.                     width: 168,
  766.                     height: 8,
  767.                     backgroundColor: '#DBDBDB',
  768.                     borderRadius: 8,
  769.                     marginLeft: 15,
  770.                     marginRight: 15,
  771.                     marginTop: 2,
  772.                   }}></View>
  773.               </TouchableOpacity>
  774.  
  775.               <TouchableOpacity
  776.                 style={{
  777.                   width: 200,
  778.                   height: 280,
  779.                   backgroundColor: '#FCFCFC',
  780.                   borderRadius: 4,
  781.                   marginLeft: 14,
  782.  
  783.                   marginTop: 8,
  784.                   marginBottom: 30,
  785.                 }}>
  786.                 <ImageBackground
  787.                   style={{
  788.                     width: 188,
  789.                     height: 120,
  790.                     borderRadius: 2,
  791.                     marginLeft: 6,
  792.                     paddingRight: 6,
  793.                     marginTop: 8,
  794.                     justifyContent: 'flex-end',
  795.                   }}
  796.                   source={require('../images/kebunlada.jpg')}>
  797.                   <View // ribbon
  798.                     style={{
  799.                       width: 100,
  800.                       height: 20,
  801.                       marginLeft: 0,
  802.                       marginTop: 4,
  803.  
  804.                       backgroundColor: '#7DAB40',
  805.                       borderTopRightRadius: 3,
  806.                       borderBottomRightRadius: 3,
  807.                     }}>
  808.                     <Text
  809.                       style={{
  810.                         color: '#FFF',
  811.                         fontFamily: 'OpenSans-Regular',
  812.                         fontSize: 8,
  813.                         textAlign: 'left',
  814.                         paddingRight: 8,
  815.                         paddingLeft: 8,
  816.                         paddingTop: 4,
  817.                         paddingBottom: 4,
  818.                       }}>
  819.                       Skema Pendanaan 1
  820.                     </Text>
  821.                   </View>
  822.                 </ImageBackground>
  823.  
  824.                 <Text
  825.                   style={{
  826.                     fontFamily: 'OpenSans-Regular',
  827.                     fontSize: 12,
  828.                     color: '#004147',
  829.                     marginLeft: 8,
  830.                     marginTop: 6,
  831.                     textAlign: 'left',
  832.                   }}>
  833.                   Lada Hitam
  834.                 </Text>
  835.                 <Text
  836.                   style={{
  837.                     fontFamily: 'OpenSans-Regular',
  838.                     fontSize: 12,
  839.                     color: '#004147',
  840.                     marginLeft: 8,
  841.                     marginTop: 1,
  842.                     textAlign: 'left',
  843.                   }}>
  844.                   ID. 56326565899489
  845.                 </Text>
  846.                 <View
  847.                   style={{
  848.                     borderWidth: 0.3,
  849.                     borderColor: '#707070',
  850.                     opacity: 0.2,
  851.                     marginLeft: 6,
  852.                     marginRight: 6,
  853.                     marginTop: 10,
  854.                   }}></View>
  855.                 <View
  856.                   style={{
  857.                     flexDirection: 'row',
  858.                     paddingTop: 7,
  859.                     paddingLeft: 8,
  860.                     paddingRight: 8,
  861.                     justifyContent: 'space-between',
  862.                   }}>
  863.                   <Text
  864.                     style={{
  865.                       fontFamily: 'OpenSans-Light',
  866.                       color: '#004147',
  867.                       fontSize: 12,
  868.                     }}>
  869.                     Kebutuhan Dana
  870.                   </Text>
  871.                   <Text
  872.                     style={{
  873.                       fontFamily: 'OpenSans-Light',
  874.                       color: '#7DAB40',
  875.                       fontSize: 12,
  876.                       textAlign: 'right',
  877.                     }}>
  878.                     Rp 1.000.000
  879.                   </Text>
  880.                 </View>
  881.                 <View
  882.                   style={{
  883.                     flexDirection: 'row',
  884.                     paddingTop: 7,
  885.                     paddingLeft: 8,
  886.                     paddingRight: 8,
  887.                     justifyContent: 'space-between',
  888.                   }}>
  889.                   <Text
  890.                     style={{
  891.                       fontFamily: 'OpenSans-Light',
  892.                       color: '#004147',
  893.                       fontSize: 12,
  894.                     }}>
  895.                     Kekurangan Dana
  896.                   </Text>
  897.                   <Text
  898.                     style={{
  899.                       fontFamily: 'OpenSans-Light',
  900.                       color: '#7DAB40',
  901.                       fontSize: 12,
  902.                       textAlign: 'right',
  903.                     }}>
  904.                     Rp 1.000.000
  905.                   </Text>
  906.                 </View>
  907.                 <View>
  908.                   <Text
  909.                     style={{
  910.                       fontFamily: 'OpenSans-Light',
  911.                       textAlign: 'center',
  912.                       color: '#004147',
  913.                       fontSize: 10,
  914.                       marginTop: 14,
  915.                     }}>
  916.                     0% didanai
  917.                   </Text>
  918.                 </View>
  919.                 <View
  920.                   style={{
  921.                     width: 168,
  922.                     height: 8,
  923.                     backgroundColor: '#DBDBDB',
  924.                     borderRadius: 8,
  925.                     marginLeft: 15,
  926.                     marginRight: 15,
  927.                     marginTop: 2,
  928.                   }}></View>
  929.               </TouchableOpacity>
  930.               <TouchableOpacity
  931.                 style={{
  932.                   width: 200,
  933.                   height: 280,
  934.                   backgroundColor: '#FCFCFC',
  935.                   borderRadius: 4,
  936.                   marginLeft: 14,
  937.                   marginRight: 20,
  938.                   marginTop: 8,
  939.                   marginBottom: 0,
  940.                 }}>
  941.                 <ImageBackground
  942.                   style={{
  943.                     width: 188,
  944.                     height: 120,
  945.                     borderRadius: 2,
  946.                     marginLeft: 6,
  947.                     paddingRight: 6,
  948.                     marginTop: 8,
  949.                     justifyContent: 'flex-end',
  950.                   }}
  951.                   source={require('../images/kambing.jpg')}>
  952.                   <View // ribbon
  953.                     style={{
  954.                       width: 58,
  955.                       height: 20,
  956.                       marginLeft: 0,
  957.                       marginTop: 4,
  958.  
  959.                       backgroundColor: '#7DAB40',
  960.                       borderTopRightRadius: 3,
  961.                       borderBottomRightRadius: 3,
  962.                     }}>
  963.                     <Text
  964.                       style={{
  965.                         color: '#FFF',
  966.                         fontFamily: 'OpenSans-Regular',
  967.                         fontSize: 8,
  968.                         textAlign: 'left',
  969.                         paddingRight: 8,
  970.                         paddingLeft: 8,
  971.                         paddingTop: 4,
  972.                         paddingBottom: 4,
  973.                       }}>
  974.                       Bagi Hasil
  975.                     </Text>
  976.                   </View>
  977.                 </ImageBackground>
  978.  
  979.                 <Text
  980.                   style={{
  981.                     fontFamily: 'OpenSans-Regular',
  982.                     fontSize: 12,
  983.                     color: '#004147',
  984.                     marginLeft: 8,
  985.                     marginTop: 6,
  986.                     textAlign: 'left',
  987.                   }}>
  988.                   Kambing Madura
  989.                 </Text>
  990.                 <Text
  991.                   style={{
  992.                     fontFamily: 'OpenSans-Regular',
  993.                     fontSize: 12,
  994.                     color: '#004147',
  995.                     marginLeft: 8,
  996.                     marginTop: 1,
  997.                     textAlign: 'left',
  998.                   }}>
  999.                   ID. 56326565899489
  1000.                 </Text>
  1001.                 <View
  1002.                   style={{
  1003.                     borderWidth: 0.3,
  1004.                     borderColor: '#707070',
  1005.                     opacity: 0.2,
  1006.                     marginLeft: 6,
  1007.                     marginRight: 6,
  1008.                     marginTop: 10,
  1009.                   }}></View>
  1010.                 <View
  1011.                   style={{
  1012.                     flexDirection: 'row',
  1013.                     paddingTop: 7,
  1014.                     paddingLeft: 8,
  1015.                     paddingRight: 8,
  1016.                     justifyContent: 'space-between',
  1017.                   }}>
  1018.                   <Text
  1019.                     style={{
  1020.                       fontFamily: 'OpenSans-Light',
  1021.                       color: '#004147',
  1022.                       fontSize: 12,
  1023.                     }}>
  1024.                     Kebutuhan Dana
  1025.                   </Text>
  1026.                   <Text
  1027.                     style={{
  1028.                       fontFamily: 'OpenSans-Light',
  1029.                       color: '#7DAB40',
  1030.                       fontSize: 12,
  1031.                       textAlign: 'right',
  1032.                     }}>
  1033.                     Rp 1.000.000
  1034.                   </Text>
  1035.                 </View>
  1036.                 <View
  1037.                   style={{
  1038.                     flexDirection: 'row',
  1039.                     paddingTop: 7,
  1040.                     paddingLeft: 8,
  1041.                     paddingRight: 8,
  1042.                     justifyContent: 'space-between',
  1043.                   }}>
  1044.                   <Text
  1045.                     style={{
  1046.                       fontFamily: 'OpenSans-Light',
  1047.                       color: '#004147',
  1048.                       fontSize: 12,
  1049.                     }}>
  1050.                     Kekurangan Dana
  1051.                   </Text>
  1052.                   <Text
  1053.                     style={{
  1054.                       fontFamily: 'OpenSans-Light',
  1055.                       color: '#7DAB40',
  1056.                       fontSize: 12,
  1057.                       textAlign: 'right',
  1058.                     }}>
  1059.                     Rp 1.000.000
  1060.                   </Text>
  1061.                 </View>
  1062.                 <View>
  1063.                   <Text
  1064.                     style={{
  1065.                       fontFamily: 'OpenSans-Light',
  1066.                       textAlign: 'center',
  1067.                       color: '#004147',
  1068.                       fontSize: 10,
  1069.                       marginTop: 14,
  1070.                     }}>
  1071.                     0% didanai
  1072.                   </Text>
  1073.                 </View>
  1074.                 <View
  1075.                   style={{
  1076.                     width: 168,
  1077.                     height: 8,
  1078.                     backgroundColor: '#DBDBDB',
  1079.                     borderRadius: 8,
  1080.                     marginLeft: 15,
  1081.                     marginRight: 15,
  1082.                     marginTop: 2,
  1083.                   }}></View>
  1084.               </TouchableOpacity>
  1085.             </ScrollView>
  1086.           </View>
  1087.         </ScrollView>
  1088.       </>
  1089.     );
  1090.   }
  1091. }
  1092.  
  1093. const styles = StyleSheet.create({
  1094.   container: {
  1095.     flex: 1,
  1096.     backgroundColor: '#E9E9E9',
  1097.   },
  1098.   header: {
  1099.     backgroundColor: '#015860',
  1100.     justifyContent: 'flex-start',
  1101.     paddingTop: 16,
  1102.     paddingBottom: 16,
  1103.     paddingLeft: 20,
  1104.   },
  1105.   logo: {
  1106.     width: '44%',
  1107.     height: 22,
  1108.   },
  1109.   BtnTKB: {
  1110.     paddingHorizontal: 62,
  1111.   },
  1112.   TKB: {
  1113.     fontFamily: 'OpenSans-Bold',
  1114.     backgroundColor: '#FCFCFC',
  1115.     fontSize: 11,
  1116.     color: '#C1C1C1',
  1117.     width: 108,
  1118.     height: 26,
  1119.     borderRadius: 14,
  1120.     paddingTop: 4,
  1121.     paddingBottom: 8,
  1122.     paddingLeft: 10,
  1123.   },
  1124. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!