Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Latihan

    Încărcat de

    Maftuh Ahmad Nauval
    13 vizualizări4 pagini

    Titlu original

    latihan.txt

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    TXT, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    13 vizualizări4 pagini

    Latihan

    Încărcat de

    Maftuh Ahmad Nauval

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 4

    import React from 'react';

    import {
    SafeAreaView,
    StyleSheet,
    ScrollView,
    View,
    Text,
    Image,
    TextInput,
    StatusBar,
    } from 'react-native';

    export default class Login extends React.Component{


    render(){
    return(
    <View style={{flex:1}}>
    <View style={{backgroundColor:'white',flex:1}}>
    {/* search */}
    <View style={{marginHorizontal:17,flexDirection:'row',paddingTop:15}}>
    <View style={{position:'relative',flex:1,}}>
    <TextInput placeholder="kuy kuy kuy"style={{borderWidth:2,
    borderColor:'#E8E8E8',borderRadius:25,height:40,fontSize:14,paddingLeft:45,paddingR
    ight:20,backgroundColor:'white'}}/>
    <Image
    source={require('../image/home.png')}style={{position:'absolute',top:5,left:12,widt
    h:26,height:26}}/>
    </View>
    <View style={{width:35,alignItems:'center',justifyContent:'center'}}>
    <Image
    style={{width:25,height:26,justifyContent:'center',alignItems:'center'}}
    source={require('../image/burger.png')}/>
    </View>
    </View>
    {/*txt*/}
    <View style={{marginHorizontal:17,marginTop:8}}>
    <View style={{flexDirection:'row',justifyContent:'space-
    between',backgroundColor:'#2C5FB8',borderTopLeftRadius:4,borderTopRightRadius:4,pad
    ding:14}}>
    <Image style={{width:40,height:40}}
    source={require('../image/kapalapi.png')}/>
    <Text
    style={{color:'white',fontSize:30,fontWeight:'bold'}}>$50,000</Text>
    </View>
    <View
    style={{flexDirection:'row',paddingTop:20,paddingBottom:14,backgroundColor:'#2F65BD
    ',borderBottomLeftRadius:4,borderBottomRightRadius:4}}>
    <View style={{flex:1,alignItems:'center'}}>
    <Image style={{width:35,height:35}}
    source={require('../image/instagram.png')}/>
    <Text
    style={{fontWeight:'bold',color:'white',paddingTop:10}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center'}}>
    <Image style={{width:35,height:35}}
    source={require('../image/yt.png')}/>
    <Text
    style={{fontWeight:'bold',color:'white',paddingTop:10}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center'}}>
    <Image style={{width:35,height:35}}
    source={require('../image/twitter.png')}/>
    <Text
    style={{fontWeight:'bold',color:'white',paddingTop:10}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center'}}>
    <Image style={{width:35,height:35}}
    source={require('../image/play.png')}/>
    <Text
    style={{fontWeight:'bold',color:'white',paddingTop:10}}>Home</Text>
    </View>
    </View>
    </View>
    {/* featur */}
    <View style ={{flexDirection:'row',flexWrap:'wrap',marginTop:18}}>
    <View style={{justifyContent:'space-
    between',flexDirection:'row',width:'100%'}}>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    </View>

    <View style={{justifyContent:'space-
    between',flexDirection:'row',width:'100%',marginTop:18}}>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    <View style={{width:'25',alignItems:'center'}}>
    <View
    style={{height:58,width:58,borderWidth:1,borderColor:'#EFEFEF',borderRadius:18,just
    ifyContent:'center',alignItems:'center'}}>
    <Image style={{height:35,width:35}} source
    ={require('../image/hewan.png')}/>
    </View>
    <Text
    style={{color:'#000000',fontSize:16,fontWeight:'bold',textAlign:'center',marginTop:
    6}}>HOME</Text>
    </View>
    </View>
    </View>
    </View>
    <View style={{height:54,flexDirection:'row',backgroundColor:'white'}}>
    <View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
    <Image style={{width:26, height:26,}}
    source={require('../image/home.png')}/>
    <Text style={{fontSize:10,color:'545454',marginTop:4,}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
    <Image style={{width:26, height:26,}}
    source={require('../image/home.png')}/>
    <Text style={{fontSize:10,color:'545454',marginTop:4,}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
    <Image style={{width:26, height:26,}}
    source={require('../image/home.png')}/>
    <Text style={{fontSize:10,color:'545454',marginTop:4,}}>Home</Text>
    </View>
    <View style={{flex:1,alignItems:'center',justifyContent:'center'}}>
    <Image style={{width:26, height:26,}}
    source={require('../image/home.png')}/>
    <Text style={{fontSize:10,color:'545454',marginTop:4,}}>Home</Text>
    </View>
    </View>
    </View>
    );
    }
    }

    import React from 'react';


    import {
    SafeAreaView,
    StyleSheet,
    ScrollView,
    View,
    Text,
    Image,
    TextInput,
    StatusBar,
    } from 'react-native';

    import Login from './screen/Login';

    export default class App extends React.Component{


    render(){
    return(
    <Login/>

    );
    }
    }

    S-ar putea să vă placă și