Using layout components

NativeBase provides layout components that simplify the layout code for your screens. You can use these components to build your own grid layouts for the UI components on your screens. Let's take a look at an example. Here are the imports for our App component:

import React from "react";
import { Card, CardItem, Body, Text } from "native-base";
import { Col, Row, Grid } from "react-native-easy-grid";
import Container from "./Container";

The Card, CardItem, Body, and Text components are what we'll use to create some screen content that we need a layout for. The Grid, Row, and Col components are used to build layouts in NativeBase apps. You'll notice that these components come from the react-native-easy-grid package instead of native-base. This is so that projects that aren't using NativeBase can still use this package. Now, let's look at our layout:

export default function App() {
  return (
    <Container...