Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, {Component} from 'react';
- import {Platform, StyleSheet, Text, View, Image} from 'react-native';
- const instructions = Platform.select({
- ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
- android:
- 'Double tap R on your keyboard to reload,\n' +
- 'Shake or press menu button for dev menu',
- });
- type Props = {};
- export default class About extends Component<Props> {
- render() {
- return (
- <View style={styles.container}>
- <View style={{
- flex:1,
- backgroundColor:'white',
- justifyContent:'center',
- flexDirection:'row',
- paddingTop:60
- }}>
- <Text style={styles.logo1}>Tentang</Text>
- <Text style={styles.logo2}>Kami</Text>
- </View>
- <View style={{
- flex:2,
- justifyContent:'center',
- alignItems:'center'}}>
- <Image style ={styles.gambar} source={require("./Untitled-1.png")}/>
- </View>
- <View style={{
- flex:3,
- alignItems:'center',
- justifyContent:'center',
- marginHorizontal:30,
- }}>
- <Text style={{fontSize:17, color:'black', textAlign:"center",}}>
- </Text>
- </View>
- </View>
- );
- }
- }
- const styles = StyleSheet.create({
- container: {
- flex: 1,
- justifyContent: 'center',
- backgroundColor: 'white',
- },
- welcome: {
- fontSize: 20,
- textAlign: 'center',
- margin: 10,
- color:'white'
- },
- instructions: {
- textAlign: 'center',
- color: '#333333',
- marginBottom: 5,
- },
- logo1:{
- fontSize:30,
- color:'black',
- fontWeight:'bold'
- },
- logo2:{
- fontSize:30,
- color:'#3498db',
- fontWeight:'bold'
- },
- gambar:{
- width:200,
- height:150,
- alignItems:'center',
- },
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement