Image not showing inside the col

<Grid>
            <Col> <Image source={{uri: Image_Http_URL}} /> </Col>
            <Col><Text>B</Text></Col>
            <Col><Text>B</Text></Col>
            <Col><Text>B</Text></Col>
        </Grid>

Image not showing inside column

[akhil-ga]

@kingkarki try setting some height and width for the image or set the flex to 1.

Code

import React, { Component } from 'react';
import { Container, Header, Text } from 'native-base';
import { Image } from "react-native";
import { Col, Grid } from 'react-native-easy-grid';

export default class App extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Grid>
          <Col><Image style={{ flex: 1 }} source={{ uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png' }} resizeMode="contain" /></Col>
          <Col style={{ backgroundColor: "red" }}><Text>B</Text></Col>
          <Col style={{ backgroundColor: "blue" }}><Text>C</Text></Col>
          <Col style={{ backgroundColor: "green" }}><Text>D</Text></Col>
        </Grid>
      </Container>
    );
  }
}

Screenshot

[SupriyaKalghatgi]

Closing issue due to no response