Para finalizar a tela nós vamos começar colocando o botão default aqui, para que o usuário seja enviado para o chat com o vendedor.

const SellerProfile = () => {
  return (
		<Container contentContainerStyle={{ paddingBottom: 125 }}>
      <DefaultTitle title="PERFIL DO VENDEDOR" fontSize={20} />

      <ProfileInfo />

      <UserAds products={Data} seller={true} />

      <DefaultButton
        buttonText="FALAR COM O VENDEDOR"
        buttonHandle={() => {}}
        buttonType="primary"
        marginVertical={20}
      />
    </Container>
  );
};

Vamos agora criar o texto que servirá para denunciar o vendedor. Nós vamos primeiro criar o estilo desse texto

import styled from "styled-components/native";
import Constants from "expo-constants";

const statusBarHeight = Constants.statusBarHeight;

export const Container = styled.ScrollView`
  flex: 1;
  background-color: ${({ theme }) => theme.colors.backgroundLight};
  padding-top: ${statusBarHeight + 20}px;
`;

export const DenounceText = styled.Text`
  font-size: 16px;
  color: ${({ theme }) => theme.colors.secondaryText};
  text-align: center;
  margin: 20px 0px;
`;

E agora vamos usar ele aqui na tela

const SellerProfile = () => {
  return (
    <Container contentContainerStyle={{ paddingBottom: 125 }}>
      <DefaultTitle title="PERFIL DO VENDEDOR" fontSize={20} />

      <ProfileInfo />

      <UserAds products={Data} seller={true} />

      <DefaultButton
        buttonText="FALAR COM O VENDEDOR"
        buttonHandle={() => {}}
        buttonType="primary"
        marginVertical={20}
      />

      <DenounceText>Achou algo estranho? Denuncie!</DenounceText>
    </Container>
  );
};

E para finalizar vamos estar envolvendo o container com um fragmento e também vamos colocar a navbar

const SellerProfile = () => {
  return (
    <>
      <Container contentContainerStyle={{ paddingBottom: 125 }}>
        <DefaultTitle title="PERFIL DO VENDEDOR" fontSize={20} />

        <ProfileInfo />

        <UserAds products={Data} seller={true} />

        <DefaultButton
          buttonText="FALAR COM O VENDEDOR"
          buttonHandle={() => {}}
          buttonType="primary"
          marginVertical={20}
        />

        <DenounceText>Achou algo estranho? Denuncie!</DenounceText>
      </Container>
      <NavBar />
    </>
  );
};

Finalizamos a tela do vendedor, vamos voltar as rotas para sua posição normal, para que a gente possa continuar.

const Routes = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator
        screenOptions={{
          headerShown: false,
        }}
      >
        <Stack.Screen name="Home" component={Home} />
        <Stack.Screen name="Search" component={Search} />
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="Register" component={Register} />
        <Stack.Screen name="UserProfile" component={UserProfile} />
        <Stack.Screen name="SellerProfile" component={SellerProfile} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};