Javascript Como ajustar imagem cortada (React-Native)

A.Victor · 27 de setembro de 2019

Bom dia, não sei se estou na área certa, mas estou aprendendo react-native e vim aqui pedir um help com esse aplicativo que estou tentando fazer(um cronômetro).

Ao tentar inserir uma imagem base pro cronômetro ela sai cortada e não sei o que fazer para consertar isso:

Imagem Original:

Spoiler

Como fica:

Spoiler

Código:

Spoiler


import React, { Component } from 'react';
import { View, StyleSheet, Image } from 'react-native';

export default class Cronometro extends Component{
  render(){
    return (
      <View style={styles.container}>
        <Image source={require('./images/cronometro.png')} style={styles.image}/>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container:{
    flex:1,
    justifyContent:'center',
    alignItems:'center'
  },
  image:{
    width:250,
    height:250
  }
});