×
Ir ao conteúdo
  • Cadastre-se

Javascript Como ajustar imagem cortada (React-Native)


A.Victor
Ir à solução Resolvido por GabrielSennaMs,

Posts recomendados

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

48803680187_873ab9493a_z.jpg

Como fica:

Spoiler

48803188138_3fb235b1b5_h.jpg

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
  }
});

 

 

Link para o comentário
Compartilhar em outros sites

  • Solução

@A.Victor Você pode modifica a propriedade resizeMode do elemento image.

 

Aqui tem documentação https://facebook.github.io/react-native/docs/image.html

  • Amei 1
Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Como ganhar dinheiro montando computadores!

MINICURSO GRÁTIS!

Como ganhar dinheiro montando computadores!

CLIQUE AQUI E INSCREVA-SE AGORA MESMO!