Compartilhar via

React Native TwoPaneView para Surface Duo

  • Artigo

Você pode criar um layout dinâmico com a marcação mostrada aqui:

<TwoPaneView panePriority={this.state.panePriority} panePriorityVerticalSpanning={this.state.panePriority} >
    {/* Pane A */}
    <MasterContent/>
    {/* Pane B */}
    <DetailContent/>
</TwoPaneView>

Os panePriority e outros recursos do layout permitem controlar o que é mostrado em cada configuração de tela. A documentação do Windows TwoPaneView e a referência à API fornecem algumas dicas sobre como o controle funciona (embora lembre-se de que ele ainda está em versão prévia!).

Instalação

Siga as instruções de instalação react-native-twopaneview :

  1. Modifique android/build.gradle para adicionar suporte ao Kotlin:

    buildscript {
  ext {
    ...
+   kotlinVersion = "1.3.50"
  }
...

  dependencies {
+   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
...

  2. Execute npm install react-native-twopaneview para adicionar o pacote.

  3. Modifique android:configChanges incluindo estas opções:

    android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"

Exemplos

Depois de instalado, experimente os exemplos .

Fonte

TwoPaneView é um componente de software livre, disponível em GitHub.