Collecting input using form components

NativeBase has form components for every type of input imaginable, including the common inputs that you're most likely to use. Form input controls are notoriously difficult for native application developers to use because even with cross-platform tools, such as React Native, the native input controls on the two platforms are so different that you have to write different code for different platforms. With the NativeBase input components, you can usually write your code once. Let's take a look at an example. Here's everything that you need to import:

import React, { useState } from "react";
import {
  Text,
  Form,
  Input,
  Item,
  Picker,
  Icon,
  CheckBox,
  ListItem,
  Body,
  Grid,
  Row,
  Col,
  Left,
  Right,
  Radio
} from "native-base";
import Container from "./Container";

Next, let's look at the state that's used by the various input components to store values collected from the user:

const [text, setText...