Problemas com o react native no Expo

Estou com um problema no código que por algum motivo o botão é ocultado da tela, mesmo pesquisando não consegui resolver o problema, quem puder me ajude por favor.

import { Text, View,Image,StyleSheet,TouchableOpacity} from 'react-native'
import React from 'react'

export default function Boasvindas() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>MONITORE A QUALIDADE DO AR</Text>
        <View>
          <Image 
            source={require('../../../assets/iconeseimagens_app/imagem1.png')}
            style={{width: '100%'}}
            resizeMode = "contain"
          />
        </View>
        <View>
          <Text style={styles.subtitle}>
            TENHA ACESSO AOS DADOS DE NOSSOS SENSORES
          </Text>
        </View>
        <View style={styles.containerButton}>
          <TouchableOpacity style={styles.button}>
            <Image 
              source={require('../../../assets/iconeseimagens_app/seta.png')}
              style={{width: '100%'}}
              resizeMode='contain'
            />
          </TouchableOpacity>
        </View>
      </View>
    );
}

const styles = StyleSheet.create({
  container:{
    flex: 3,
    backgroundColor: '#00bf63',
    padding:10,
    paddingVertical: '35%'
  },
  containerButton:{
    flex: 1,
    backgroundColor: '#00bf63',
    alignItems:'flex-end',
    justifyContent: 'flex-end',
    flexDirection: 'row',
  },
  title:{
    textAlign: 'center',
    fontWeight: 'bold',
    fontSize: 32.5,
    color: '#fff',
    marginBottom: 6,
    margin: 3,

  },
  subtitle:{
    textAlign: 'center',
    fontWeight: 'bold',
    fontSize: 24.1,
    color: '#fff',
    margin: 4,
  },
  button:{
   position: 'absolute',

  },
  buttonText:{
    textAlign: 'justify',
    fontWeight: 'bold',
    fontSize: 12.4,
    color: '#fff',
  }
})