NativeBase フッターの色変更の方法

ReactNativeでアプリの開発を始めた者です。
NativeBaseで作られたフッターの背景色を変更する方法が知りたいです。
現在は、ReactNative（Expo）の環境を構築し、NativeBaseをインポートし、NativeBase公式サイトに載っていたフッターのサンプルソースを実行したところです。（ソース参考元：https://docs.nativebase.io/buildingFooterTabs）
よろしくお願いいたします。

js
1
2import React from 'react';
3
4import {
5  NativeBaseProvider,
6  Box,
7  Text,
8  Heading,
9  VStack,
10  FormControl,
11  Input,
12  Link,
13  Button,
14  Icon,
15  HStack,
16  Center,
17  Pressable,
18} from 'native-base';
19import { MaterialCommunityIcons , MaterialIcons} from '@expo/vector-icons';
20
21export default function App() {
22  const [selected, setSelected] = React.useState(1);
23    
24  return (
25    <NativeBaseProvider>
26       <Box flex={1} bg="white" safeAreaTop>
27        <Center flex={1}>
28        </Center>
29        <HStack bg="primary.500" alignItems="center" safeAreaBottom shadow={6}>
30          <Pressable
31            opacity={selected === 0 ? 1 : 0.5}
32            py={2}
33            flex={1}
34            onPress={() => setSelected(0)}
35          >
36            <Center>
37              <Icon
38                mb={1}
39                as={<MaterialCommunityIcons name="heart" />}
40                color="white"
41                size="xs"
42              />
43
44              <Text color="white" fontSize={14}>Favorites</Text>
45            </Center>
46          </Pressable>
47          <Pressable
48            opacity={selected === 1 ? 1 : 0.5}
49            py={2}
50            flex={1}
51            onPress={() => setSelected(1)}
52          >
53            <Center>
54              <Icon
55                mb={1}
56                as={<MaterialCommunityIcons name="music-note" />}
57                color="white"
58                size="xs"
59              />
60
61              <Text color="white" fontSize={14}>Music</Text>
62            </Center>
63          </Pressable>
64          <Pressable
65            opacity={selected === 2 ? 1 : 0.6}
66            py={2}
67            flex={1}
68            onPress={() => setSelected(2)}
69          >
70            <Center>
71              <Icon
72                mb={1}
73                as={<MaterialIcons name="location-pin" />}
74                color="white"
75                size="xs"
76              />
77
78              <Text color="white" fontSize={14}>Places</Text>
79            </Center>
80          </Pressable>
81          <Pressable
82            opacity={selected === 3 ? 1 : 0.5}
83            py={2}
84            flex={1}
85            onPress={() => setSelected(3)}
86          >
87            <Center>
88              <Icon
89                mb={1}
90                as={<MaterialCommunityIcons name="newspaper" />}
91                color="white"
92                size="xs"
93              />
94              <Text color="white" fontSize={14}>News</Text>
95            </Center>
96          </Pressable>
97        </HStack>
98      </Box>
99    </NativeBaseProvider>
100  );
101}