import React, { Component } from "react";
import {
  StyleSheet,
  Text,
  View,
  Image,
  TouchableOpacity,
  ScrollView,
  Dimensions
} from "react-native";
import { StackNavigator, TabNavigator } from "react-navigation";

export default class allProductImg extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  componentDidMount() {
    console.log("图片产品的thisprops", this.props);
  }

  render() {
    const url = this.props.navigation.state.params.item.url;
    console.log(this.props.navigation.state.params.item);
    return (
      <View style={styles.container}>
        <ScrollView style={styles.sccontainer}>
          <Image source={url} style={styles.img} resizeMode="contain" />
        </ScrollView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    // justifyContent: "flex-start",
    backgroundColor: "#EFEFEF",
    paddingTop: 20,
    paddingLeft: 10,
    paddingRight: 10
  },
  sccontainer: {
    flex: 1,
    justifyContent: "flex-start"
  },
  img: {
    width: Dimensions.get("window").width - 20
  }
});