/*
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, ScrollView } from 'react-native';
import icon from './tiny_logo.png';
const styles = StyleSheet.create({ 
container: { paddingTop: 50,  justifyContent: 'center',  alignItems: 'center', }, 
text: {  flex:1, justifyContent: 'center', textAlign:'center', alignItems: 'center', backgroundColor: '#ddffdd',  }, 
viewimage : { justifyContent: 'center',  alignItems: 'center', }, 
tinyLogo: { width: 150, height: 150,alignItems: 'center', justifyContent: 'center',resizeMode: "center",  }, 
scrollView: { backgroundColor: 'pink', marginHorizontal: 20, paddingTop: 50,  },
});
class DisplayImages extends Component {
  render() {
    return (
 <ScrollView style={styles.scrollView}>	  
<Image  style={styles.tinyLogo}  source={{uri: 'http://www.lpmuseum.net/imageIconBalook/icon menu001.jpg'}} />
<Image  style={styles.tinyLogo} source={{uri: 'http://www.lpmuseum.net/BQRC/B001.png'}} />
<Text>ชื่อวัตถุ : ครกตำ {"\n"}</Text>
<Text style={styles.text}>เลขลำดับ :วบล.2563.001</Text>
<Text>หมวดหมู่ : เครื่องมือเครื่องใช้{"\n"}</Text>
<Text> {"\n"}</Text>
<Text>http://www.lpmuseum.net/B002.html{"\n"}</Text>
<Image style={styles.tinyLogo}  source={{uri: 'http://www.lpmuseum.net/imageIconBalook/icon menu002.jpg'}} />
<Image style={styles.tinyLogo}  source={{uri: 'http://www.lpmuseum.net/BQRC/B002.png'}} />
<Text>ชื่อวัตถุ : ตะเกียง {"\n"}</Text>
<Text>เลขลำดับ :วบล.2563.002 {"\n"}</Text>
<Text>หมวดหมู่ : เครื่องมือเครื่องใช้{"\n"}</Text>
<Text>{"\n"}</Text>
</ScrollView>
    );
  }
}
export default DisplayImages;