Tela de termos

[annabalves]

import React from 'react';
import { Text, View, Image, Pressable } from 'react-native';
import { Ionicons } from '@expo/vector-icons';

export default function Atendimento({navigation}){
return (

 <View style={{
   flex: 1,
   backgroundColor:'#111828',
    alignItems: 'center',
    justifyContent: 'center',
    width:'100%',
    height:'100%'
}}>
<View style={{
  paddingTop:5,
  }}>
  
  <Pressable style={{ 
    position:'relative',
    paddingLeft:10,
    height:30,
    bottom:60,
    flexDirection:'row',
    alignItems:'center',
    }} 
    onPress={() => navigation.navigate ('menu')}>
    <Ionicons name="ios-arrow-back-circle-outline" size={30} color="white" /><Text style={{
      color:'white',
    }}>Voltar</Text>  
  </Pressable>
  </View>
  <Text style={{ 
    fontSize:24 }}><Image
    style={{
    width: 90,
    height: 90,}}
    source={require('./imagens/termosas.png')}
  /></Text>
  <Text style={{
    fontSize:20,
    color:'white'
  }}>Aconteceu algum erro ops...</Text>

  <Text style={{
    paddingTop:20,
    fontSize:20,
    color:'white'
  }}>Tente mais tarde!</Text>
</View>

);
}