/*
https://reactnative.dev/docs/image
https://reactnative.dev/docs/images
https://reactnative.dev/img/tiny_logo.png
https://codebeautify.org/base64-to-image-converter
*/
import React, { Component } from 'react';
import { AppRegistry, View, Image, Text, StyleSheet,ImageBackground } from 'react-native';
import icon from './tiny_logo.png';
const styles = StyleSheet.create({ container: { paddingTop: 50, }, tinyLogo: { width: 50, height: 50, }, logo: { width: 66, height: 58, }, });
class DisplayImages extends Component {
  render() {
    return (
      <View style={styles.container}>
        <ImageBackground source={require('./bg.gif')} style={{width: '100%', height: '100%'}}><Text>Inside</Text>
        <Image source={icon} /><Text>1 {"\n"}</Text>
        <Image style={styles.tinyLogo} source={{uri: 'https://reactnative.dev/img/tiny_logo.png'}} /><Text>2? {"\n"}</Text>{/* !https */}
        <Image style={styles.tinyLogo} source={{uri: 'http://www.thaiall.com/me/picme.jpg'}} /><Text>3 {"\n"}</Text>
        <Image style={styles.tinyLogo} source={{uri: 'https://www.thaiall.com/me/picme.jpg'}} /><Text>4? {"\n"}</Text>{/* !https */}
        <Image source={require('./tiny_logo.png')} /><Text>5 {"\n"}</Text>
        <Image style={styles.logo} source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg=='}} /><Text>6 {"\n"}</Text>
        </ImageBackground>
      </View>
    );
  }
}
export default DisplayImages;