[Dúvida] tela na Horizontal

Olá, Carlos! Tudo bem?

Para fazer com que a aplicação renderize quando a tela estiver na horizontal no React Native, você pode utilizar a biblioteca react-native-orientation. Com ela, é possível detectar a orientação atual do dispositivo e realizar as ações necessárias de acordo com essa orientação.

Primeiro, você precisa instalar a biblioteca em seu projeto. Para isso, abra o terminal na pasta do seu projeto e execute o seguinte comando:

npm install react-native-orientation

Após a instalação, você precisa importar a biblioteca no arquivo onde deseja utilizar a detecção de orientação. Por exemplo, no arquivo App.js, você pode adicionar a seguinte linha no início do arquivo:

import Orientation from 'react-native-orientation';

Em seguida, você pode utilizar o método addOrientationListener para adicionar um listener que será chamado sempre que a orientação do dispositivo mudar. Por exemplo, você pode adicionar o seguinte código no seu componente principal:

componentDidMount() {
  Orientation.addOrientationListener(this.handleOrientationChange);
}

componentWillUnmount() {
  Orientation.removeOrientationListener(this.handleOrientationChange);
}

handleOrientationChange = (orientation) => {
  if (orientation === 'LANDSCAPE') {
    // Ações a serem realizadas quando a tela estiver na horizontal
  } else {
    // Ações a serem realizadas quando a tela estiver na vertical
  }
}

Dentro do handleOrientationChange, você pode realizar as ações desejadas de acordo com a orientação da tela. Por exemplo, você pode atualizar o estado do componente para renderizar de forma diferente quando a tela estiver na horizontal.

Espero ter ajudado! Bons estudos!