React Nativeで画像を横並びに表示したい

現在React Nativeにてアプリを開発していて、画像を横並びで表示したいのですが以下のエラーが出てしまいます。
React Nativeでのアプリ開発は経験がなく知識がないのは申し訳ないのですが、解決方法をご教示していただけないでしょうか。
また、こちらは画像の参照が間違えているわけではなさそうなのですが、どういったエラーなのでしょうか。

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of Home.

Home
1import React, {Component} from 'react';
2import {
3    Container,
4    Content,
5    Header,
6    Left,
7    Body,
8    Right,
9    Button,
10    Icon,
11    Title,
12    Text,
13    Grid,
14    Col,
15    Image,
16} from 'native-base';
17
18
19type Props = {};
20export default class Home extends Component<Props> {
21    day = (to) => {
22        const { navigation } = this.props
23        navigation.navigate(to)
24    }
25    render() {
26        return (
27            <Container>
28                <Header>
29                    <Left />
30                    <Body>
31                        <Title>Title</Title>
32                    </Body>
33                    <Right />
34                </Header>
35                <Content>
36                    <Grid>
37                        <Col>
38                        <Image source={require('../images/day1.jpg')} />
39                        </Col>
40                        <Col>
41                        <Image source={require('../images/day2.jpg')} />
42                        </Col>
43                    </Grid>
44                </Content>
45            </Container>
46        );
47    }
48}